用jQuery实现Ajax

2016-11-30 08:16:39来源:CSDN作者:Della_UI人点击

jQuery.ajax([settings])

type:类型,”GET”或”POST”,默认为”GET”;
url:发送请求的地址;
data:是一个对象,连同请求发送到服务器的数据;
dataType:预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包MIME信息来智能判断,一般我们采用json格式,可以设置为“json”;
success:是一个方法,请求成功后的回调函数。传入返回后的数据,以及包含成功代码的字符串;
error:是一个方法,请求失败时调用此函数。传入XMLHttpRequest对象。

将上文中的实例(Ajax基础知识)用jQuery的形式写出,效果相同。

<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script><script>$(document).ready(function(){    $('#search').click(function(){        $.ajax({            type:"GET",            url:"server.php?number=" + $('#keyword').val()+"&"+ Math.random(),            dataType:'json',            success:function(data){                if (data.success) {                    $('#searchResult').html(data.msg);                }else{                    $('#searchResult').html('出了错误:'+data.msg);                }            },            error:function(jqXHR){                alert("发生错误:" + jqXHR.status);            }        });    })    $('#save').click(function(){        $.ajax({            type:"POST",            url:"server.php?",            dataType:'json',            data:{                name:$('#staffName').val(),                number:$('#staffNumber').val(),                sex:$('#staffSex').val(),                job:$('#staffJob').val()            },            success:function(data){                if (data.success) {                    $('#createResult').html(data.msg);                }else{                    $('#createResult').html('出了错误:'+data.msg);                }            },            error:function(jqXHR){                alert("发生错误:" + jqXHR.status);            }        });    })})</script>

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台