javascript jQuery $.post $.ajax用法

2016-02-19 16:07 5 1 收藏

图老师小编精心整理的javascript jQuery $.post $.ajax用法希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】

jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求


参数:

url (String) : 发送请求的URL地址.

data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。

callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。示例代码:

Ajax.aspx:

Response.ContentType = "application/json";Response.Write("{result: '" + Request["Name"] + ",你好!(这消息来自服务器)'}");jQuery 代码:
$.post("Ajax.aspx", { Action: "post", Name: "lulu" },function (data, textStatus){// data 可以是 xmlDoc, jsonObj, html, text, 等等.//this; // 这个Ajax请求的选项配置信息,请参考jQuery.get()说到的thisalert(data.result);}, "json");点击提交:

这里设置了请求的格式为"json":


$.ajax()这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。

这里有几个Ajax事件参数:beforeSend ,success ,complete ,error 。我们可以定义这些事件来很好的处理我们的每一次的Ajax请求。

$.ajax({url: 'stat.php',

type: 'POST',

data:{Name:"keyun"},

dataType: 'html',

timeout: 1000,

error: function(){alert('Error loading PHP document');},

success: function(result){alert(result);}

});

来源:http://www.tulaoshi.com/n/20160219/1611108.html

延伸阅读
标签: Web开发
jQuery为AJAX提供了非常丰富的支持,参见 Ajax 其中最基本当属$ajax(),通过不同的参数,这个方法可以录活支持各种AJAX应用场景。如: $.ajax({ url: "test.html", cache: false, success: function(html){ $("#results").append(html); } }); 完整参数列表参见: options 当然,常用的应该是这些: load()--直接将AJAX请...
标签: Web开发
学习Ajax教程,详细了解Get与Post Get方式: 作用:可传送简单数据 大小:url最大长度是2083bytes,可以用于GET传递数据的长度是2048bytes 包含体:数据追加到url中发送,也就是http的header传送 Post方式: 作用:可传送简单复杂数据 大小:web.config里限制 包含体:数据在htt...
标签: Web开发
简化后的插件: SimplePlugin.htm: 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title简化后的插件/title script type="text/ecmascript" src="../js/jquery-1.2.6.js"/script script ty...
标签: Web开发
    HTTP协议请求里面的, get和post这两种请求。是最常见了,前面用的都是get请求因为是最简单的了。GET请求是通过URL的参数传递的,传的是什么,一幕了然。服务器接它的参数就可以了。不过GET请求有一些限制,最大只能传2K的内容,所以大的文本,还是要用POST来传的。如果要是上传个文件,就必需用POST了,也不能把一个文件...
标签: Web开发
代码如下: //ajax测试 var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); } } function a(){ createXMLHttpRequest() url="${request.contextPath}/test/forMain.action"; alert(url...

经验教程

599

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部