您的位置：首页 > Web前端 > JQuery

jquery中的ajax使用方法

2014-04-29 10:14 411 查看

有三种方法：

（1）node.load(url),

将服务器响应插入当前jQuery对象匹配的dom元素
之内。一般用于从服务器获取静态的数据(html)

$(function(){
$('a:eq(1)').toggle(function(){
$(this).next().load('getPrice');
$(this).html('显示经济舱价格');
},function(){
$(this).html('显示全部价格');
$(this).next().empty();
});
});

说明：

toggle() 方法切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

（2）$.get(url,[data],[callback],[type]):

其中，callback格式 function(data,statusText)

$.post()格式同上。

$(function(){
$.get('quoto',null,function(data,statusText){
$('#d1').html('name:' + data.stockName+' ' + 'price:' + data.stockPrice);
},'json');
});

（3）$.ajax(options):options是一个形如{key1:value1,key2,value2...}的js对象，用于指定发送请求的选项。

    选项参数如下：

    url(string):请求地址

    type(string):GET/POST

    data(object/string):发送到服务器的数据

    dataType(string) :预期服务器返回的数据类型，一般有：

                             xml:返回xml文档

                             html:返回html文本

                             script:javascript脚本

                             json: 返回的是符合json语法

                                         格式的文本，jQuery会将

                                         该文本转化为js对象。

                             text:返回普通文本

    success(function):请求成功后调用的回调函数，有两个参数：

                            function(data,textStatus),其中，

                                data是服务器返回的数据，可以是html,text,jsonObj,xmlDoc

                                textStatus 描述状态的字符串。

    error(function):请求失败时调用的函数，有三个参数

                            function(XmlHttpRequest,textStatus,errorThrown)

$(function(){
$('select').change(function(){
$('#d1').remove();
$.ajax(
{
url:"carInfo",
type:'post',
data:$('select').serialize(),
dataType:'html',
success:function(data,status){
$('select').after("<div id='d1'></div>");
$('#d1').html(data);
},
error:function(xhr,textStatus,errorThrown){
alert(textStatus);
//alert(xhr.status);
}
});
});
});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航