jQuery ajax - ajaxComplete() 方法

最新推荐文章于 2024-06-22 15:15:39 发布

最新推荐文章于 2024-06-22 15:15:39 发布 · 148 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种利用jQuery库简化Ajax操作的方法，通过具体的代码示例展示了如何在用户提交表单时发起Ajax请求，同时处理请求成功后的响应数据。

$("div:last").ajaxComplete(function(evt, request, settings){ $.each(evt,function(property,value){$("div:last").append("evt: "+property + ":" + value + "");}); $("div:last").append("request: "+ typeof request + ""); $.each(settings,function(property,value){$("div:last").append("settings: "+property + ":" + value + "");}); }); $.ajaxSetup({ url: "handler", success: function(data){ $("div:first").html(decodeURI(data)); } }); function getQueryString(){ var name=encodeURI(encodeURI($(":text").val())); var pass=encodeURI(encodeURI($(":password").val())); return "name="+name+"&pass="+pass; } $(":submit").click(function(){ $.ajax({ data: getQueryString(), type: "post" }); return false; })