Shulou(Shulou.com)06/03 Report--

This article shares with you the content of a sample analysis of Ajax's submission of form forms. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Ajax (ajax development)

AJAX, namely "Asynchronous Javascript And XML" (Asynchronous JavaScript and XML), refers to a web page development technology that creates interactive web page applications.

AJAX = Asynchronous JavaScript and XML (a subset of the standard generic markup language).

AJAX is a technology for creating fast dynamic web pages.

By exchanging a small amount of data with the server in the background, AJAX can update web pages asynchronously. This means that some part of the page can be updated without reloading the entire page.

I have been learning code for a long time, but I seldom use ajax. Later, I specially learned about it. The following is the view and understanding of ajax for newcomers who are new to ajax.

Ajax, asynchronous request, AJAX can update web pages asynchronously by exchanging a small amount of data with the server in the background. This means that some part of the page can be updated without reloading the entire page.

Recently, I tested the form form submitted by ajax. Both post and get use more post methods for form submission, although GET is simpler and faster than POST, and can be used in most cases.

However, using POST requests is more efficient in the following situations:

1. Cannot use cache files (update files or databases on the server)

two。 Send a large amount of data to the server (POST has no data limit)

3. POST is more stable and reliable than GET when sending user input containing unknown characters

Submit the form in $get mode

The get () method requests loading information through a remote HTTP GET

Format

$(selector) .get (url,data,success (response,status,xhr), dataType)

For example:

Request a demo.php page and pass 2 parameters, ignoring the return value:

Get ("demo.php", {name: "John", time: "2pm"})

Demo.php is the URL address from which the request was sent

{name: "John", time: "2pm"} data to be sent to the server.

Submit the form in $POST mode

$. Post

JQuery.post (url, [data], [callback], [type]): use POST to make asynchronous requests

Parameters:

Url (String): the URL address from which the request was sent.

Data (Map): (optional) data to be sent to the server in the form of key-value pairs of Key/value.

Callback (Function): (optional) callback function on successful loading (this method is called only if the return status of Response is success).

For example, when registering, the use of CAPTCHA

Function redirect (url) {location.href = url;} $("# code_btn") .click (function () {var tel = $("# username") .val (); if (tel = = "") {alert ("Please enter the correct mobile phone number to register as your account"); $("# username") .focus (); return false } if (! (/ ^ 1 [3 | 4 | 5 | 8 | 7] [0-9]\ d {4pc8} $/ .test (tel)) {alert ("Please use the correct mobile phone number to register as your account!") ; $("# username"). Focus (); return false;}; var codeNum = $("# code"). Val (); $.post ('{APP_PATH} index.php?m=member&c=index&a=public_send_message', {tel:tel,codeNum:codeNum}, function (result) {/ / console.log (result);}) timep (60);}); function timep (j) {$("# code_btn"). Attr ('disabled', "true") $("# code_btn") .Val (j + "seconds"); time=setInterval (function () {jpendjmur1bot $("# code_btn") .Val (jplus "seconds"); if (jaccount0) {$("# code_btn"). RemoveAttr ('disabled'); clearInterval (time); jshield 60 [code_btn "). Val (" Click to get CAPTCHA ");}, 1000);};

APP_PATH} index.php?m=member&c=index&a=public_send_message is the URL address from which the request was sent

{tel:tel,codeNum:codeNum} is the data to be sent to the server in the form of key-value pairs of Key/value.

Thank you for reading! This is the end of this article on "sample Analysis of Ajax submitting form forms". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.