码迷,mamicode.com
首页 > Web开发 > 详细

ajax

时间:2018-04-19 16:58:27      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:http   一模一样   url   类型   function   pos   alert   string   修改   

jquery中的

ajax

 $.ajax({
        type : "POST",  //请求方式
    async:false, //是否异步 url : "/prpall/dataSapperMaintain.do?actionType=getNum", //请求路径 data : { //请求参数 username : value }, success : function(msg) { //异步请求成功执行的回调函数 alert("成功了: " + msg); $("#usernameinfo").html(msg); },//ajax引擎一般用不到;状态信息;抛出的异常信息 error : function(XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); alert("失败了"+errorThrown) } });

post方式

格式

$.post(url, [data], [callback], [type])

参数1:url,请求路径
参数2:data,请求参数
参数3:callback,回调函数
参数4:type,返回内容格式,默认的是text,xml, html, script, json, text, _default。

例子
$.post("test.php", { "func": "getNameAndTime" }, function(data){
     alert(data.name); // John
     console.log(data.time); //  2pm
}, "json");


get方式

格式

$.get(url, [data], [callback], [type]);

第一个参数:请求的路径 如:

${pageContext.request.contextPath}/Servlet1

第二个参数:请求的参数 格式:

// JSON数据格式
{key1:value1,key2:value2}

第三个参数:回调函数 格式:

function(data){
    alert(data);    
}

第四个参数:返回内容 格式:xml, html, script, json, text, _default。

服务器响应编码为:application/json;charset=UTF-8,回调函数data类型是json对象

服务器响应编码为:text/html;charset=UTF-8,回调函数data类型是字符串。

$.get() 以get请求方式发送ajax除了请求方式不同,使用方式与$.post()完全一致。

.get()

.post()两种方式书写格式一模一样,只需要修改.get()

.post(),其余地方不需要改动!

它们的请求方式不同$.get()为get请求,$.post()为post请求。这两种请求方式在处理编码方式上不一样,建议优先使用$.post()请求方式。

例子

显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数。

$.get("test.cgi", { name: "John", time: "2pm" }, function(data){
    alert("Data Loaded: " + data);
});

ajax

标签:http   一模一样   url   类型   function   pos   alert   string   修改   

原文地址:https://www.cnblogs.com/yguangt/p/8883854.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!