jQuery实现ajax

来源：互联网发布：linux下查看用户权限编辑：程序博客网时间：2024/06/08 16:54

$.ajax({
settings

})

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

error：是一个方法，请求失败时调用此函数。参数传入XMLHttpRequest对象

例如前面所写的查询员工和新建员工的例子，用jquery写就简单多了！

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><script type="text/javascript" src="js/jquery-1.9.1.min.js"></script><script type="text/javascript">$(document).ready(function() {$('#search').click(function() {$.ajax({type: "GET",url: "service.php?number=" + $('keyword').val(),dataType: "json",success: function(data) { //此处data已经是被jQuery解析过的if(data.success) {$('#searchResult').html(data.msg);} else {$('#searchResult').html('出现错误:' + data.msg);}},error: function(jqXHR) {alert('发生错误:' + jqXHR.status); //200,404},async: true});})$('#save').click(function() {$.ajax({type: "POST",url: "service.php",dataType: "json",data: { //POST发送的数据，以json格式传输name: $('#staffName').val(),number: $('#staffNumber').val(),sex: $('#staffSex').val(),job: $('#staffJob').val()},success: function(data) { //此处data已经是被jQuery解析过的if(data.success) {$('#createResult').html(data.msg);} else {$('#createResult').html('出现错误:' + data.msg);}},error: function(jqXHR) {alert('发生错误:' + jqXHR.status); //200,404},async: true});})})</script></body></html>

0 0