首页 > IT职业 > IT职场 > jQuery-Ajax
一、jQuery-Ajax参数说明
$.ajax(prop) 通过一个ajax请求,回去远程数据,prop是一个hash表,它可以传递的key/value有以下几种
(String)type:数据传递方式(get或post)
(String)url:数据请求页面的url
(String)data:传递数据的参数字符串,只适合post方式
(String)dataType:期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")
(Boolean)ifModified: 当最后一次请求的相应有变化是才成功返回,默认值是false
(Number)timeout:设置时间延迟请求的时间
(Boolean)global:是否为当前请求触发ajax全局事件,默认为true
(Function)error:当请求失败时触发的函数
(Function)success:当请求成功时触发函数
(Function)complete:当请求完成后出发函数
二、jQuery中实现Ajax的3种方法(post,get,ajax)
//------------------post--------------------------------------------------------------------
$('#input1').click(function(){
$.post(
'ajax.ashx',
{username:$("#username").val()},
function(data){
var myjson='';
eval("myjson="+data+";");
$("#content_post").html('post区'+myjson.username);
}
);
);
//-------------------get--------------------------------------------------------------------
$('#input2').click(function(){
$.get('ajax.ashx',{username:$("#username").val()},
function(data){
var myjson='';
eval("myjson="+data+";");
$("#content_get").html("get区"+myjson.username);
});
});
//-------------------ajax-------------------------------------------------------------------
$('#input3').click(function(){
var params=$('#username').serialize();
$.ajax({
url :'ajax.ashx',
type:'get',
dataType:'json',
data:params,
error:update_page,
success:update_page
});
});
});
function update_page (json) {
var str="ajax区:"+json.username+"
";
$("#content_ajax").html(str);
}
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1282/viewspace-2813084/ ,如需转载,请注明出处,否则将追究法律责任。