关于ajax的JQuery使用
2015-10-05 16:59
555 查看
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">jQ的常用方式有:</span>
往往前端会先做验证,这是验证的锦上添花。。
$.post("XXXX.do",{"username":user,"password1":pass1} ,function( returncode) { } );
而$.ajax原理一样,也是发了数据,再获取data码,再做页面跳转决定的。
$.ajax({
url: "/order/doOrder",
type: "POST",
data: { productid: self.productid(), productname: self.productname(), price: self.price(), count: self.count(), username: self.username() },
success: function (data) {
if (data.code == 1) {
location.href = location.href;
}
else
alert(data.code);
}
})
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><table class="dataintable "><tbody><tr><td>$.ajax(options)</td><td>把远程数据加载到 XMLHttpRequest 对象中</td></tr><tr><td>$.get(url,data,callback,type)</td><td>使用 HTTP GET 来加载远程数据</td></tr><tr><td>$.post(url,data,callback,type)</td><td>使用 HTTP POST 来加载远程数据</td></tr><tr><td>$.getJSON(url,data,callback)</td><td>使用 HTTP GET 来加载远程 JSON 数据</td></tr><tr><td>$.getScript(url,callback)</td><td>加载并执行远程的 JavaScript 文件</td></tr></tbody></table>
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"> </span>
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"> </span>
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">我们往往使用了$.post(),先是提交了数据,这里它使用以下方式提交,后端做了数据入库验证,接着就使用了data获取返回值,再做页面决定</span>
往往前端会先做验证,这是验证的锦上添花。。
$.post( "register_login!register.do", {"username":user,"password1":pass1,"password2":cpass,"email":email,"telphone":tel} , function(data){ if(data==1) { window.location.href="index.jsp"; } else { alert("信息填写错误"); } } );
$.post("XXXX.do",{"username":user,"password1":pass1} ,function( returncode) { } );
而$.ajax原理一样,也是发了数据,再获取data码,再做页面跳转决定的。
$.ajax({
url: "/order/doOrder",
type: "POST",
data: { productid: self.productid(), productname: self.productname(), price: self.price(), count: self.count(), username: self.username() },
success: function (data) {
if (data.code == 1) {
location.href = location.href;
}
else
alert(data.code);
}
})
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- 使用Browserify配合jQuery进行编程的超级指南
- jquery如何实现在加载完iframe的内容后再进行操作