1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

jQuery Ajax 实例(一)

作者:用户 来源:互联网 时间:2016-08-26 18:45:01

jqueryajaxajax的异步请求jquery ajaxfunctionecharts ajax jquerydatajquery.form.jsjquery ajaxajax jquerysuccess拼接字符串 jqueryajax异步jquerydataType

jQuery Ajax 实例(一) - 摘要: 本文讲的是jQuery Ajax 实例(一), jQuery Ajax实例 在jquery中ajax实现方法分类很多种,如有:load、jQuery.get、jQuery.post、jQuery.ge

jQuery Ajax实例


在jquery中ajax实现方法分类很多种,如有:load、jQuery.get、jQuery.post、jQuery.getScript、jQuery Ajax 事件、jQuery.ajaxSetup等等

一、$.ajax的一般格式

$.ajax({

     type: 'POST',

     url: url ,

    data: data ,

    success: success ,

    dataType: dataType

});

二、$.ajax的参数描述

参数 描述
url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType

可选。规定预期的服务器响应的数据类型。

默认执行智能判断(xml、json、script 或 html)。

三、$.ajax需要注意的一些地方:

  1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。

  2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit


四、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);          }   });  



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery , ajax , ajax的异步请求 , jquery ajax , function , echarts ajax jquery , data , jquery.form.js , jquery ajax , ajax jquery , success , 拼接字符串 jquery , ajax异步jquery dataType jquery ajax实例、jquery ajax json实例、jquery ajax实例代码、jquery ajax php 实例、jsp jquery ajax实例,以便于您获取更多的相关知识。

jQuery ajax无刷新数据提交实例

jquery ajax无刷新数据提交实例             name             this field is required.       return email             this field is required.       return phone             this field is required.                     您...

ajax技术及实例(转)

1.Ajax RSS reader 一个简单的RSS reader,读取远程xml数据基于AJAX,PHP,MYSQL的RSS源,这个例子允许用户在一个网页中查看多种源内容2.Ajax 桌面 该指南是一个手把手教程,通过它你可以创建一个类似于PageFlagePageFlage 和Netvibes的桌面/网页...

ajax技术及实例(转)

1.Ajax RSS reader 一个简单的RSS reader,读取远程xml数据基于AJAX,PHP,MYSQL的RSS源, 这个例子允许用户在一个网页中查看多种源内容 2.Ajax 桌面 该指南是一个手把手教程,通过它你可以创建一个类似 于PageFlagePageFlage 和 Netvibes的桌面/网...

JavaScript强化教程——jQuery AJAX 实例

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery AJAX实例 什么是 AJAX。 AJAX = 异步 JavaScript和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网...

【jQuery教程】jquery新手入门实例教程三ajax应用

我们在上一章 jquery新手入门实例教学二 用户注册(简单的表单验证) (/html/JQueryjiaocheng/200807/17-519.html) 里面有一行语句 $.get("php/user_register.php",{act:$(this).attr("ID"),v:$(this).val()},function(txt){                    msg.html(txt); }) ...

前三篇
后三篇