ITPub博客

首页 > IT职业 > IT职场 > jQuery-Ajax

jQuery-Ajax

IT职场 作者:apnic 时间:2021-09-09 09:49:44 0 删除 编辑

一、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);
}


post区:

get区:

ajax区:








来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1282/viewspace-2813084/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    121
  • 访问量
    792