Home  >  Article  >  Web Front-end  >  The relationship between jQuery, ajax, and JSON

The relationship between jQuery, ajax, and JSON

藏色散人
藏色散人forward
2019-05-14 09:28:082996browse

In the process of working on projects recently, I have always been unclear about the relationship between jQuery, ajax, and JSON. Therefore, I have a little experience in using it simply, so I The relationship between the three has been studied:

1. jQuery: The following is from Baidu Encyclopedia

jQuery is a fast and concise JavaScript framework, and it is another excellent JavaScript code library after Prototype. (or JavaScript framework).

The purpose of jQuery design is "write Less, Do More", which means writing less code and doing more things. It encapsulates commonly used functional codes in JavaScript, provides a simple JavaScript design pattern, and optimizes HTML document operations, event processing, animation design and Ajax interaction

The core features of jQuery can be summarized as: It has a unique chain syntax and a short and clear multi-functional interface; it has an efficient and flexible CSS selector, and can extend the CSS selector; it has a convenient plug-in extension mechanism and rich plug-ins

From the above content, we can extract the following 2 points:

jQuery is a JavaScript framework

There are many contents in jQuery, Ajax is part of jQuery

2, AJAX

a, what is AJAX?

AJAX = JavaScript and XML (Asynchronous JavaScript and XML)

b. Characteristics of AJAX:

1. Ajax can exchange a small amount of data with the server to update parts asynchronously Web page

2. Asynchronous means that when Ajax performs the operation of exchanging data, other operations can still be performed (common operations such as entering a word on major websites will pop up a lot of content, such as Baidu, Google , Taobao)

c. The core of Ajax technology is the XMLHttpRequest object (referred to as XHR). You can obtain server data by using the XHR object.

d, Ajax format:

type : "",
url : "",
dataType : "json",
data : {
key : value
},
success : function(data) {
},
error : function() {
alert("系统异常");
}
});

type: request method ("POST" or "GET"), the default is "GET"

url: (Default: current page address) The address to which the request is sent.

dataType: The data type expected to be returned by the server. Generally it is json. If not specified, jQuery will automatically intelligently determine

data based on the MIME information of the HTTP package: the data sent to the server. Will be automatically converted to request string format. The GET request will be appended to the URL

success: the callback function after the request is successful. Parameters: Data returned by the server and processed according to the dataType parameter; a string describing the status

error: (Default: automatic judgment (xml or html)) This function is called when the request fails

async: (Default: true) Under default settings, all requests are asynchronous requests. If you need to send a synchronous request, please set this option to false

json value acquisition: the method will directly obtain

public JSONObject chageState(UserInfo userInfo) {
        JSONObject json = new JSONObject();
        return json;
    }

json value passing problem:

can be judged in script After that, pass the desired value. This is a little trick I learned during this project. Because in the initial process, I did not make a judgment and passed the value directly, so I made the judgment in the background. It will be more troublesome; I still don’t know much about this at the beginning, so I learned this little trick when asking my classmates

JSP page dynamic refresh problem:

In the process of working on the project , after adding data, the page needs to be refreshed in real time. This also bothered me for some time. In many cases, if you don’t know how, you should ask and go to Baidu.

This is the end of the simple research on Ajax, because it is used so much now. We will study it later when there are other applications.

3, jQuery

JSON( JavaScript Object Notation, JS object notation) is a lightweight data exchange format;

In the process of ajax value transfer, both data (transmission value) and dataType (return value) are used It’s json

For specific learning about json, please go to: http://www.json.org.cn/index.htm

The above is a brief introduction to the relationship between jQuery, ajax, and json

The above is the detailed content of The relationship between jQuery, ajax, and JSON. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:aliyun.com. If there is any infringement, please contact admin@php.cn delete