jquery Ajax parameter Pass and data save instance

Last Update:2017-01-13 Source: Internet

Author: User

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

var info = document.getElementById ("TXT"). Value;
Jquery.ajax ({
Type: ' Get ',
URL: ' http://localhost:8080/jdom/hehe.do?act= page special effects on ',
Data: "&info=" +info,
Cache:false,
DataType: ' JSON ',//Specifying return type
Error:function (data, status, E) {
Alert ("hehe");
},

Take a look at a jquery Ajax PHP instance

<title>ajax</title>
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>
<script type= "text/web Effects" src= "Http://localhost/leb/auto/js/jquery-latest.js" ></script>
<script type= "Text/javascript" >
$ (function () {
$ ("#config"). Submit (function () {
$.ajax ({
Type: "Post",
URL: "addpage.php",
data:$ (' #config '). Serialize (),//Format the form parameters or you can also use data:{' folder ': $ (' input[name=folder] '). Val (), ' page ': $ (' input[ Name=page]. Val ()},
Datetype: ' Text ',
Success:function (data) {//data is returned upon successful submission
alert (data);
}
});
return false;
});
});
</script>
<body>
<form name= "config" method= "post" id= "config" >
<div class= "Infotitle" > Home directory:</div>
<input name= "folder" type= "text"/>
<div class= "infotitle" > page name:</div>
<input name= "page" type= "text"/>
<div class= "Submit" >
<button type= "Submit" id= "submit" > Confirm </button>
</div>
</form>
</body>

addpage.php file

$folder =$_post[' folder '];
$page =$_post[' page '];
$file =fopen (' result.htm ', ' W ');
Fwrite (
$file,
"Folder is:". $folder. ' <br> '.
The template page is:. $page. ' <br> '
);
Fclose ($file);
Name of parameter Type Describe

Url String (Default: Current page address) sends the requested address.

Type String (Default: "Get") Request method ("post" or "get"), default to "get". Note: Other HTTP request methods, such as put and delete, are also available, but only partially supported by browsers.

Timeout Number Sets the request timeout (in milliseconds). This setting overrides the global setting.

Async Boolean (Default: TRUE) The default setting is that all requests are asynchronous requests. If you need to send a sync request, set this option to false. Note that the synchronization request will lock the browser and the user's other actions must wait for the request to complete before it can be executed.
Beforesend

function
You can modify the functions of the XMLHttpRequest object before sending the request, such as adding a custom HTTP header. The XMLHttpRequest object is the only parameter.
function (XMLHttpRequest) {
   This //The options for this AJAX request
}
Cache Boolean (default: TRUE) jquery 1.2 new functionality, set to false will not load request information from the browser cache.
Complete

function
The callback function (called when the request succeeds or fails) after the request completes. Parameters: XMLHttpRequest Object, Success message string.
function (XMLHttpRequest, Textstatus) {
   This //The options for this AJAX request
}
ContentType String (Default: "application/x-www-form-urlencoded") the content encoding type when sending information to the server. Default values are appropriate for most applications.

Data Object
String Data sent to the server. is automatically converted to the request string format. The GET request is appended to the URL. View the ProcessData option description to prevent this automatic conversion. Must be in the Key/value format. If you are an array, jquery will automatically correspond to the same name for different values. such as {foo:["bar1", "Bar2"]} is converted to ' &foo=bar1&foo=bar2 '.

datatype string

"HTML": Returns plain text HTML information, including script elements.

jsonp format. When you invoke a function in the form of jsonp
Error

function
(Default: Automatic judgment (XML or HTML)) This method is called when a request fails. This method has three parameters: the XMLHttpRequest object, the error message, and (possibly) the error object being caught.
function (XMLHttpRequest, Textstatus, Errorthrown) {
  
   This //The options for this AJAX request
}
Global Boolean (default: TRUE) triggers a global Ajax event. Setting to FALSE will not trigger global AJAX events, such as Ajaxstart or Ajaxstop. Can be used to control different AJAX events

Ifmodified Boolean (default: false) gets new data only when the server data changes. Use HTTP packet last-modified header information to determine.

ProcessData Boolean (default: TRUE) by default, the data sent is converted to an object (technically not a string) to match the default content type "application/x-www-form-urlencoded". Set to False if you want to send DOM tree information or other information that you do not want to convert.
Success

function
callback function after successful request. This method has two parameters: the server returns the data, returns the status
function (Data, Textstatus) {
  Data could be xmldoc, jsonobj, HTML, text, etc ...
   This //The options for this AJAX request
}

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

Name of parameter	Type	Describe
Url	String	(Default: Current page address) sends the requested address.
Type	String	(Default: "Get") Request method ("post" or "get"), default to "get". Note: Other HTTP request methods, such as put and delete, are also available, but only partially supported by browsers.
Timeout	Number	Sets the request timeout (in milliseconds). This setting overrides the global setting.
Async	Boolean	(Default: TRUE) The default setting is that all requests are asynchronous requests. If you need to send a sync request, set this option to false. Note that the synchronization request will lock the browser and the user's other actions must wait for the request to complete before it can be executed.
Beforesend	function	You can modify the functions of the XMLHttpRequest object before sending the request, such as adding a custom HTTP header. The XMLHttpRequest object is the only parameter. function (XMLHttpRequest) { This //The options for this AJAX request }
Cache	Boolean	(default: TRUE) jquery 1.2 new functionality, set to false will not load request information from the browser cache.
Complete	function	The callback function (called when the request succeeds or fails) after the request completes. Parameters: XMLHttpRequest Object, Success message string. function (XMLHttpRequest, Textstatus) { This //The options for this AJAX request }
ContentType	String	(Default: "application/x-www-form-urlencoded") the content encoding type when sending information to the server. Default values are appropriate for most applications.
Data	Object String	Data sent to the server. is automatically converted to the request string format. The GET request is appended to the URL. View the ProcessData option description to prevent this automatic conversion. Must be in the Key/value format. If you are an array, jquery will automatically correspond to the same name for different values. such as {foo:["bar1", "Bar2"]} is converted to ' &foo=bar1&foo=bar2 '.
datatype	string	"HTML": Returns plain text HTML information, including script elements. jsonp format. When you invoke a function in the form of jsonp
Error	function	(Default: Automatic judgment (XML or HTML)) This method is called when a request fails. This method has three parameters: the XMLHttpRequest object, the error message, and (possibly) the error object being caught. function (XMLHttpRequest, Textstatus, Errorthrown) { This //The options for this AJAX request }
Global	Boolean	(default: TRUE) triggers a global Ajax event. Setting to FALSE will not trigger global AJAX events, such as Ajaxstart or Ajaxstop. Can be used to control different AJAX events
Ifmodified	Boolean	(default: false) gets new data only when the server data changes. Use HTTP packet last-modified header information to determine.
ProcessData	Boolean	(default: TRUE) by default, the data sent is converted to an object (technically not a string) to match the default content type "application/x-www-form-urlencoded". Set to False if you want to send DOM tree information or other information that you do not want to convert.
Success	function	callback function after successful request. This method has two parameters: the server returns the data, returns the status function (Data, Textstatus) { Data could be xmldoc, jsonobj, HTML, text, etc ... This //The options for this AJAX request }

jquery Ajax parameter Pass and data save instance

Contact Us

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support