浅谈实例ajax
来源:互联网 发布:软件专利侵权案例 编辑:程序博客网 时间:2024/06/05 16:18
ajax的概念就不在说了。客户端从服务器端请求数据,只说基于在jquery封装好的基础之上浅谈ajax的用法。
$.ajax(url,[settings]); jquery最底层实现;
$.get(url,[data],[fn],[type])与$.post(url,[data],[fn],[type]);在底层$.ajax()的基础上进行了简化。
html页面:
员工查询
员工新建
$(document).ready(function(){
$("#search").click(function(){
$.ajax({
type: "GET",
url: "serverjson.php?number=" + $("#keyword").val(),
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: "serverjson.php",
cache: false,
//不设置ajax缓存
async: false
,//同步操作
data: {
name: $("#staffName").val(),
number: $("#staffNumber").val(),
sex: $("#staffSex").val(),
job: $("#staffJob").val()
},
dataType: "json",
success: function(data){
if (data.success) {
$("#createResult").html(data.msg);
} else {
$("#createResult").html("出现错误:" + data.msg);
}
},
error: function(jqXHR){
alert("发生错误:" + jqXHR.status);
},
});
});
});
上面的$.ajax()都可以换成$.get()或$.post();我个人的观点在所做的项目中,$get()与$.post()的最大区别就是$get()中的url后面可以带参数。
- 浅谈实例ajax
- 浅谈.net Ajax的无刷新技术实例详解
- 浅谈AJAX
- 浅谈Ajax
- 浅谈Ajax
- 浅谈ajax
- 浅谈Ajax
- 浅谈Ajax
- 浅谈Ajax
- Ajax浅谈
- 浅谈Ajax
- 浅谈ajax
- 浅谈ajax
- 浅谈AJAX
- 浅谈Ajax
- 浅谈AJAX
- 浅谈ajax
- 浅谈Ajax
- 内核定时器和延时
- GSM模块_GSM设备和网络错误代码
- Android中的Audio播放:控制Audio输出通道切换
- Liblinphone 3.9.1中文--Modules--SIP address parser API
- 初步集成百度地图
- 浅谈实例ajax
- 使用DES数据加密与解密的java代码
- ELK 时间问题
- 第十一章上机3
- java练习--奖客富翁系统
- jsp回显数据时,select标签默认被选中和格式化显示日期的问题
- Java静态域、静态常量和静态方法
- fragment
- Android5.1禁止状态栏下拉(SystemUI StatusBar)