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

This article editor for you a detailed introduction of "django how to use ajax for post parameters", the content is detailed, the steps are clear, the details are handled properly, I hope this "django how to use ajax for post parameters" article can help you solve your doubts, the following follow the editor's ideas slowly in-depth, together to learn new knowledge.

I. introduction to Ajax

1. The meaning of ajax

The full name of Ajax is "Async Javascript And XML": asynchronous javascript and XML. It is a term that does not refer to a specific technology, but a collection of technologies. Now, all no refresh operations are called "Ajax".

2. Benefits of using ajax:

Using ajax avoids the refresh of the whole page of data, reduces the waiting time of requests, and improves the user experience.

II. Two formats for passing parameters to Ajax

Suppose you have the following forms, which need to be passed to the background by ajax. What should you do?

We know that the format of passing parameters in ajax is $.post ("address", parameter, function (return value) {}). There are two ways to pass parameters in this format:

Method 1: submit some fields in the form

We can get the user name, password, etc., and splice it into a dictionary (splicing it into a dictionary format for what you want to pass. There is no special restriction. You can even pass only one user name separately) and pass it as a parameter to the backend.

Example:

{'username':username,'password':password,'csrfmiddlewaretoken':csrf}

Or

{'username':username'}

Or

{'password':password}

Let's take a look at how it is implemented in the code, focusing on the code with the following markup

{#? ajax #}

{# post submission #}

Register {# reference jquery #} {# prevent cross-site attack #} {% csrf_token%} username:

Password:

Ajax #} $("# button") .click (function () {username = $("[name='username']") .val (); password = $("[name='password']") .val (); csrf = $("[type='hidden']") .val (); console.log (username,password,csrf) Post submit #} {# $.post ("address", {parameter}, function (return value) {}) #} $.post ("/ user/register/", {'username':username,'password':password,'csrfmiddlewaretoken':csrf}, function (data) {console.log (post)}))

Method 2: submit all fields in the form

Console.log ($(form). Serialize ()

Serialize serializes the fields in the form into the string format of the get request and passes it as a parameter to the background

It is worth noting that instead of passing as many parameters as you want in method 1, all the fields in the form will be accepted as the requested string format.

Let's take a look at how it is implemented in the code, focusing on the code with the following markup

Register {# reference jquery #} {# prevent cross-site attack #} {% csrf_token%} username:

Password:

{# ajax #} $("# button") .click (function () {console.log ($("form") .serialize ()) Post submit #} {# $.post (address, {parameter}, function (return value) {}) #} $.post ("/ user/register/", console.log ($("form"). Serialize ()), function (data) {console.log (post)})) After reading this, the article "how django uses ajax to transmit parameters to post" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, you are welcome to follow the industry information channel.

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.