ajax的使用
1.语法
jQuery.ajax([settings])。
settings代表的是可选,用于配置Ajax请求的键值对集合。
2.参数
jQuery的ajax提交方法内配有很多参数,其中有一些常用选项:
- type:代表提交的类型。在使用时需要通过什么方式进行提交可以通过设置type属性值为GET或是POST提交,默认情况下是GET提交。
- url:发送请求的地址。当数据获取完毕之后需要提交数据到控制器,通过该属性便可以设置提交的地址。
- async:设置是否异步。默认值为(true)异步,如果需要使用同步,便设置为false。设置同步将会锁住浏览器,用户需要进行其他操作必须等待请求完成之后才能执行。
- data:是一个对象,连同请求一起发送到服务器的数据。一般在页面获取数据提交的时候使用,将数据通过该参数连同请求一并传递。
- datatype:预期服务器返回的数据类型,如果不指定jQuery将根据http包MIME信息智能判断。一般我们设置的返回类型是json格式。
- success:是一个方法,请求成功后的回调函数,传入返回后的数据,以及包含成功代码的字符串。
(7) error:是一个方法,请求失败是调用此函数,传入XMLHttpRequest对象。
表单序列化
serialize():序列表单内容为字符串,用于 Ajax 请求
serializeArray():序列化表单元素 (类似 ‘.serialize()’ 方法) 返回 JSON 数据结构数据。
注意:此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作
返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数
jQuery中的.post()、.post()、.get()、$.getJSON()
.get()方法:通过远程HTTPGET请求载入信息。语法:.get()方法:通过远程HTTPGET请求载入信息。语法:.get(url, [data], [callback], [type])
这就相当于一个简单的Get功能的$.ajax,请求成功时可调用回调函数。但是如果需要在出错时执行函数,那就只能使用.ajax。参数说明:url:发送请求地址。data:待发送Key/valur参数。callback:发送成功时回调函数。type:返回内容格式, xml,html,script,json,text,default。下面使用.ajax。参数说明:url:发送请求地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式,xml,html,script,json,text,default。
.post()方法:通过远程HTTPPOST请求载入信息。语法:.post(url, [data], [callback], [type])
这就相当于一个简单的Post功能的$.ajax,请求成功时可调用回调函数。但是如果需要在出错时执行函数,那就只能使用 .ajax。参数说明:url:发送请求地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式,xml,html,script,json,text,default。下面使用.ajax。参数说明:url:发送请求地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式,xml,html,script,json,text,default。
.getJSON()方法:通过HRRPGET请求载入JSON数据语法:.getJSON()方法:通过HTTPGET请求载入JSON数据语法:.getJSON(url, [data], [callback])
参数说明:
url:发送请求地址
data:待发送Key/value参数
callback:发送成功时回调函数