JQuery.ajsx实例
2016-01-16 14:16
1136 查看
1.JQuery.Ajax应用例子
使用jQuery.ajax()方法获取数据,下边给个常用写法,并做了相应的注释
//1.$.ajax带json数据的异步请求 var aj = $.ajax( { url:'productManager_reverseUpdate',// 跳转到 action data:{ selRollBack : selRollBack, selOperatorsCode : selOperatorsCode, PROVINCECODE : PROVINCECODE, pass2 : pass2 }, type:'post', cache:false, dataType:'json', success:function(data) { if(data.msg =="true" ){ // view("修改成功!"); alert("修改成功!"); window.location.reload(); }else{ view(data.msg); } }, error : function() { // view("异常!"); alert("异常!"); } }); //2.$.ajax序列化表格内容为字符串的异步请求 function noTips(){ var formParam = $("#form1").serialize();//序列化表格内容为字符串 $.ajax({ type:'post', url:'Notice_noTipsNotice', data:formParam, cache:false, dataType:'json', success:function(data){ } }); } //3.$.ajax拼接url的异步请求 var yz=$.ajax({ type:'post', url:'validatePwd2_checkPwd2?password2='+password2, data:{}, cache:false, dataType:'json', success:function(data){ if( data.msg =="false" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间 { textPassword2.html("<font color='red'>业务密码不正确!</font>"); $("#validatePassword2").val("pwd2Error"); checkPassword2 = false; return; } }, error:function(){} }); //4.$.ajax拼接data的异步请求 $.ajax({ url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action', type:'post', data:'merName='+values, async : false, //默认为true 异步 error:function(){ alert('error'); }, success:function(data){ $("#"+divs).html(data); } });2.jQuery.ajax()
使用jQuery.ajax()方法获取数据,下边给个常用写法,并做了相应的注释
$.ajax({ url: "http://www.hzhuti.com", //请求的url地址 dataType: "json", //返回格式为json async: true, //请求是否异步,默认为异步,这也是ajax重要特性 data: { "id": "value" }, //参数值 type: "GET", //请求方式 beforeSend: function() { //请求前的处理 }, success: function(req) { //请求成功时处理 }, complete: function() { //请求完成的处理 }, error: function() { //请求出错处理 } });
3.JQuery.Ajax把请求的后台数据显示在页面
function sub() { $('#subbtn').text('加载中'); $.ajax({ type: 'post', data: {key1: val1, key2: val2}, dataType: '<a href="https://www.baidu.com/s?wd=js&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YknWF-n16LPjDdmyw9P19b0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbzPjR1PjbzPH6YPWndPHR3Ps" target="_blank" class="baidu-highlight">js</a>on', success: function(msg) { if (msg.retcode == 0) { // 成功 $('#subbtn').text('签到成功'); } else { $('#subbtn').text('签到失败: ' + msg.retmsg); } }, error: function() { $('#subbtn').text('系统错误'); } }); }
相关文章推荐
- jquery中奖实例代码
- jquery手机全屏上下滑动
- jQuery实现图片走马灯效果的原理分析
- jQuery ajax()使用serialize()提交form数据
- 关于jquery动态加载li时点击事件无法加载的问题
- jQuery实现图片走马灯效果的原理分析
- myeclipse 增加javascript提示和jquery提示等不用安装插件自带功能
- jQuery-ajax: 取消关注|关注
- jquery ui 学习随笔 自动补全
- jQuery-动画效果animate() slideDown() slideUp() fadeIn() fadeOut()
- jquery.form.js使用
- jQuery弹窗组件 colorbox
- Jquery 动画效果
- javascript跨域请求(利用jquery)
- jquery 页面循环倒计时
- 【JQuery】知识点总结(下)
- jQuery 多级插入元素
- jquery html
- jquery获取鼠标位置
- Jquery map用法