1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ajax. jquery. 异步 jQuery之异步Ajax请求使用

ajax. jquery. 异步 jQuery之异步Ajax请求使用

时间:2019-09-12 00:00:46

相关推荐

ajax. jquery. 异步 jQuery之异步Ajax请求使用

$.ajax({type:'',data:'',async:''...})

参数:

1.cache: true缓存页面 false 不缓存页面

(默认: true,dataType为script和jsonp时默认为false)

1.type: GET /POST

请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。

2.async: true/false

默认为true 异步请求

false 同步请求 注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

3.data 发送到服务器的数据。将自动转换为请求字符串格式

要求为Object或String类型的参数 对象必须为key/value格式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。

single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio1

4.dataType: "JSON",

预期服务器返回的数据类型

@1. "json": 返回 JSON 数据

@2."jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

5. jsonp

在一个jsonp请求中重写回调函数的名字。这个值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分,比如{jsonp:'onJsonPLoad'}会导致将"onJsonPLoad=?"传给服务器。

6. jsonpCallback

默认为jQuery自动生成的随机函数名

为jsonp请求指定一个回调函数名。这个值将用来取代jQuery自动生成的随机函数名。这主要用来让jQuery生成独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存GET请求的时候,指定这个回调函数名。

7.success:( data, textStatus, jqXHR)

请求成功后的回调函数。参数:由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串。还有 jqXHR(在jQuery 1.4.x的中,XMLHttpRequest) 对象 。在jQuery 1.5, 成功设置可以接受一个函数数组。每个函数将被依次调用。

8.$("form").serialize()

序列 所有表单内容为字符串 把所有表单的值序列为以下字符串

single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio1

o = $('form').serialize();

$.ajax({

type: "POST",

data : o, data: "name=John&location=Boston", o&name=jack&age=25

dataType: "JSON",

async: false,

url: "coupon_channel.php?act=update",

success: function(data) {

if (data.status == 'ok') {

window.location.href = data.link;

} else {

alert(data.text);

}

}

});

关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题

前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...

用Promise解决多个异步Ajax请求导致的代码嵌套问题【转】

问题 前端小同学在做页面的时候,犯了个常见的错误:把多个Ajax请求顺序着写下来了,而后面的请求,对前面请求的返回结果,是有依赖的.如下面的代码所示: var someData; $.ajax({ u ...

jQuery选择器,Ajax请求

jQuery选择器: $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $( ...

JavaScript原生封装ajax请求和Jquery中的ajax请求

前言:ajax的神奇之处在于JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果.Ajax 在浏览器与 Web 服务器之间使用异步 ...

异步ajax请求数据处理

jQuery.ajax(url,[settings]) 概述 通过HTTP请求加载远程数据. jQuery底层AJAX实现.简单易用的高层实现见$.get,$.post等.$.ajax ...

jquery中的ajax请求用法以及参数详情

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...

Jquery progressbar通过Ajax请求获取后台进度演示

项目源代码下载:/detail/nuptboyzhb/6262253 1.简介 本文主要演示Jquery progressbar的进度条功能.js通过a ...

论如何把JS踩在脚下 —— JQuery基础及Ajax请求详解

一.什么是JQuery? JQuery是一种JavaScript框架,是一堆大神搞出来的能够让前端程序猿敲更少代码.实现更多功能的工具(在此,跪谢各位JQuery开发大大们!!!).JQuery的使用 ...

jquery中的ajax请求到php(学生笔记)

首先ajax的基本语法基础.(必须得引入一个jquery文件,下面的例子展示用了网上的jquery文件,要联网.) 2.请求成功(复制代码运行观察效果) & ...

随机推荐

自定义Docker容器的 hostname

自定义Docker容器的 hostname 作者: John Deng 原创内容,欢迎传播,请注明出处:/johnd/p/set-docker-host ...

ORA-01501: CREATE DATABASE failed

使用dbca建库时遇到ORA-01501: CREATE DATABASE failed这个错误,检查告警日志,发现有下面错误信息: SMON: enabling tx recovery Fri Ap ...

zabbix使用host metadata方式主动注册

host metadata是zabbix2.2新增加的功能,该功能在zabbix-agent端可以自定义条件,在选择自动注册的时候,zabbix-server端可以根据host metadata来选择 ...

Cocoa Touch的3种类的交流方式delegate/target/notification

1. Delegate 在Cocoa Touch类对象运行的周期中,某一个时间点它会去调用一些指定类的指定函数来完成他自身所要完成的功能.这个”指定的类”,就称为这个类的委托类.”指定函数”则是一些在 ...

jQuery EasyUI之DataGrid使用示例

jQuery EasyUI是一个轻量级的Web前端开发框架,提供了很多的现成组件帮助程序员减轻前端代码开发量,之前有个项目中就用到了其中的DataGrid. jQuery EasyUI框架的官方主页: ...

mui实现支付宝支付功能

H ...

Android Animation动画(很详细)

Android Animation Contents: Animations Tween Animations AnimationSet Interpolator Frame-By-Frame A ...

MySQL 5.7中 performance_schema 替代 show profile 命令

本文出处:/wy123/p/6979499.html show profile 命令用于跟踪执行过的sql语句的资源消耗信息,可以帮助查看sql语句的执行情 ...

centos7安装python,mariaDB,django,nginx

0,安装centos7 centos默认不开启网卡,需要在安装时将ens33设置为on,或者后续通过vi ifcfg-ens33,找到onboot,设置为yes ssg登陆centos7时,如果提示W ...

简单 babel plugin 开发-使用lerna 工具

babel在现在的web 应用开发上具有很重要的作用,帮助我们做了好多事情,同时又有 比较多的babel plugin 可以解决我们实际开发上的问题. 以下只是学习下如果编写一个简单的babel pl ...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。