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

This article mainly introduces "how JQuery interacts with the server in the way of JSON". In the daily operation, I believe that many people have doubts about how JQuery interacts with the server in the way of JSON. The editor has consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "how JQuery interacts with the server in JSON mode". Next, please follow the editor to study!

JQuery encapsulates the Ajax data request, making the operation much easier to implement. In the past, we had to write a lot of code to implement this function, but now we just need to call the $.ajax () method and specify the method of the request, the address, the data type, and the callback method. The following code demonstrates how to encapsulate the client-side form data in JSON format, then send the data to the server through JQuery's Ajax request, and eventually store the data in the database.

First, on the client side, the page form data is encapsulated into JSON format through a JavaScript script. The GetJsonData () function does this. Then we send the data to the server's RequestData.ashx through the $.ajax () method. The JSON.stringify () method is used to serialize the JSON data object sent by the client.

$("# btnSend") Click (function () {

$("# request-process-patent") Html ("data is being submitted, do not close the current window …" )

$.ajax ({

Type: "POST"

Url: "RequestData.ashx"

ContentType: "application/json; charset=utf-8"

Data: JSON.stringify (GetJsonData ())

DataType: "json"

Success: function (message) {

If (message > 0) {

Alert ("request has been submitted! we will contact you as soon as possible")

}

}

Error: function (message) {

$("# request-process-patent") Html ("failed to submit data!" )

}

})

})

Function GetJsonData () {

Var json = {

"classid": 2

"name": $("# tb_name") Val ()

"zlclass": "Test Type 1, Test Type 2, Test Type 3"

"pname": $("# tb_contact_people") Val ()

"tel": $("# tb_contact_phone") Val ()

}

Return json

}

At this point, the study on "how JQuery interacts with the server in JSON mode" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.