XMLHttpRequest相关知识:
提供不重新加载页面的情况下更新网页,
页面加载后在客户端向服务器请求数据,
页面加载后在服务器端接受数据,在后台向客户端发送数据。
属性:readyState
返回XMLHttpRequest的当前状态
备注:变量,此属性只读,状态用长度为4的整型表示.定义如下:
0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
1 (初始化) 对象已建立,尚未调用send方法
2 (发送数据) send方法已调用,但是当前的状态及http头未知
3 (数据传送中) 已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误,
4 (完成) 数据接收完毕,此时可以通过通过responseBody和responseText获取完整的回应数据
jQuery Ajax:
jQuery Ajax中的方法都是对Query.ajax()进行封装以方便我们使用的方法
程序中最常用:$.ajax:
$.ajax({
type: "post",
dataType: "json",
url: "hr.changeDimissoryEmp.do",
data: data,
success: function(result){
var returnCode = result.returnCode;
// 成功
if (returnCode == G_SUCC_CODE) {
$(".group-list", $('div#employeeContent')).load("hr.loadGroup.do");
} else {
openDialog({
message: result.message
});
}
},
error: function(jqXHR, textStatus, errorThrown){
openDialog({
message: messages["error.ajax"]
});
}
});
其他方法:
1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。
url (String) : 请求的HTML页的URL地址。
data (Map) : (可选参数) 发送至服务器的 key/value 数据。
callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。
这个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的。
2. jQuery.get( url, [data], [callback],[type] ):使用GET方式来进行异步请求
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求
4. jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件。
url (String) : 待载入 JS 文件地址。
callback (Function) : (可选) 成功载入后回调函数。
5.serialize() 与 serializeArray()
serialize() : 序列表表格内容为字符串。常用来将form表单进行序列化。
serializeArray() : 序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。
分享到:
相关推荐
asp+ajax(jQuery)实例($.ajax()、$.post()、$.get()、$.getJSON()四种模式可选 Ajax是目前比较流行的网站建设技术,尤其作为网站建设者来说,掌握它十分有必要,如果用原生Javascript开发则比较困难,还好有强大的...
详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
$.ajax()方法详解,$.ajax()方法详解
ajax的操作说明详解文档,jquery $.ajax()的所有参数
JQ中$.ajax()方法详解,自己整理的哦
$.ajax json数据传递方法.docx
Jquery $.ajax 请求部署在 Tomcat报HTTP 406上解决方法
$.ajax()方法详解(附加实例)
使用$.Ajax调用后台.aspx
// 2 使用$.ajax发送fd // 需要指定两个属性 // - processData : false // - contentType : false $.ajax({ method : 'POST', url : '/ajax_Day5/datas03.php', data : fd, success : function (data) { ...
本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
$.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个...
$.ajax({ url:"test", type:"post", data:{ blogTitle : $("#form1 input").val(), blogType : $("#form1 option:selected").val(), article : htmlcontent }, dataType: "json", success: functi
异步请求分页示例:handler.ashx + $.ajax() + Json + 前端分页处理
查了很多资料都说,get方法的参数是有限制的,...$.ajax({ type: "post", // post or get contentType:"application/json;charset=utf-8", data: “requestTag=”+tag+"&content="+content, //请求参数 url: "po
$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一、$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二、...
$.ajax({ url: "personController.do?methodName=queryPersons", method: "post", data: {page: 20, limit: 5}, dataType: "json", success: function (res,status,xhr) { } }
.Net JQuery$.ajax Json实例应用 有人在评论里面骂,这个不能用,现在把源码传上来,估计是没有引用System.Web.Extensions和System.Web.Extensions.Design这两个Dll
noquery-ajax不支持jQuery的ajax功能的所有功能,但它应具有足够的处理能力,以便大多数站点可以简单地对ajax执行$.ajax的全局替换。 压缩后小于2KB,压缩后小于1KB(从v0.3.0起为888字节)。 安装 npm install ...