jquery is well encapsulated in asynchronous commits, and it's very cumbersome to use Ajax directly, and jquery greatly simplifies our operations.
$.post, $.get is a simple method, if you want to deal with complex logic, still need to use the Jquery.ajax ()
I. GENERAL format of $.ajax
$.ajax ({
Type: ' POST ',
URL: URL ,
Data: data ,
Success: Success ,
DataType: dataType
});
Second, the parameter description of $.ajax
Parameter description
Url |
Necessary. Specifies which URL to send the request to. |
Data |
Optional. The map or string value. Specifies the data that is sent to the server along with the request. |
Success (data, Textstatus, JQXHR) |
Optional. The callback function to execute when the request succeeds. |
DataType |
Optional. Specifies the data type of the expected server response. The default is to perform smart judgments (XML, JSON, script, or HTML). |
Three, $.ajax need to pay attention to some places:
There are three main ways of 1.data, HTML splicing, JSON array, form form is serialized by Serialize (), and no intelligent judgment is specified by datatype.
2.$.ajax only submits form in text mode, if the asynchronous commit contains <file> uploads are not passed over, you need to use Jquery.form.js $.ajaxsubmit
Iv. Examples:
1.$.ajax asynchronous requests with JSON data
var aj = $.ajax ({
URL: ' productmanager_reverseupdate ',//Jump to action
data:{
Selrollback:selrollback,
Seloperatorscode:seloperatorscode,
Provincecode:provincecode,
PASS2:PASS2},
Type: ' Post ',
Cache:false,
DataType: ' JSON ',
Success:function (data) {
if (data.msg = = "true") {
View ("Modified successfully! ");
Alert ("Modified successfully! ");
Window.location.reload ();
}else{
View (DATA.MSG);
}
},
Error:function () {
View ("Exception! ");
Alert ("Exception! ");
}
});
2.$.ajax asynchronous requests that serialize the contents of a table to a string
function Notips () {
var Formparam = $ ("#form1"). Serialize ();//serialization of table contents as strings
$.ajax ({
Type: ' Post ',
URL: ' Notice_notipsnotice ',
Data:formparam,
Cache:false,
DataType: ' JSON ',
Success:function (data) {
}
});
}
3.$.ajax asynchronous requests for stitching URLs
var Yz=$.ajax ({
Type: ' Post ',
URL: ' validatepwd2_checkpwd2?password2= ' +password2,
data:{},
Cache:false,
DataType: ' JSON ',
Success:function (data) {
if (data.msg = = "false")//the server returns false to change the value of ValidatePassword2 to Pwd2error, which is asynchronous and takes into account the return time
{
Textpassword2.html ("<font color= ' red ' > Business password is incorrect! </font> ");
$ ("#validatePassword2"). Val ("Pwd2error");
CheckPassword2 = false;
Return
}
},
Error:function () {}
});
4.$.ajax asynchronous request to splice data
$.ajax ({
URL: ' <%=request.getcontextpath ()%>/kc/kc_checkmernameunique.action ',
Type: ' Post ',
Data: ' Mername= ' +values,
Async:false,//default True Async
Error:function () {
Alert (' Error ');
},
Success:function (data) {
$ ("#" +divs). HTML (data);
}
});
Use of 5.done
$.ajax ({
Type: ' Get ',
Async:false,
Url:this.topUrl + ' sbjctdmninfo/queryvrsncd.action?rnd= ' + math.random ()
}). Done (function (data) {
if (Data.retcode = = ' 0000 ') {
AplnCommon.rightTreeSearchObj.dataVrsnId = Data.obj[0].vrsnid;
Func1 ();
}
});
$.ajax use of the detailed