Home > Article > Web Front-end > Can the ajax calling method be implemented through jquery?
Ajax calls can be implemented through jquery. Method: 1. Use the load() method to implement the ajax request, the syntax is "$(selector).load(url,...)"; 2. Use the post() and get() methods, corresponding to POST, GET, the syntax is "$post('url',{...}...)"; 3. Use the Ajax() method to perform an ajax request, the syntax is "$.ajax({name:value...}) ".
The operating environment of this article: Windows 10 system, jquery version 3.6.0, Dell G3 computer.
There are many repetitive codes in developing ajax using native javascript. Of course, you can also encapsulate it into reusable code
Use load() method to implement ajax request
Use post(), get() method
Use Ajax() Method, this is the most powerful.
##1. Use jquery’s load() method to implement ajax request
load( ) method loads data from the server and places the returned data into the specified element. The format is as follows:$('#mydiv').load('/myrequest/url/param')"mydiv" here is the area where the content is to be loaded/myrequest/url/param is the URL of the server you want to request. Once the result is obtained, the service will be The content returned by the client is displayed in the mydiv area.
2. Use jquery’s post() and get() methods
In fact, this is also It corresponds to POST, GET, The basic format is as follows$post('/myrequest/url/param', { text:"mytext", other:"other_param" }, // 调用服务端成功后的回调函数 function(){ alert('succeccd'); } )$get’s operation method is similar. I won’t say more.
3. Use jquery's Ajax() method
This is probably the most common request method in general projects, because it has the most powerful function and can complete ajax for various needs. Request: You can specify the return type: xml,You can specify beforeSend, error, success, complete callback functions when these events occurYou can use parameters to specify ajax Request expiration time, such as no response from the server, etc. The basic format is as follows:$.ajax({ async:false,//同步,异步 url:"/addjoke", //请求的服务端地址 data:{ content:mycontent, title:joketitle, d:Math.random() }, type:"post", dataType:"text", success:function(data){ //成功之后的处理,返回的数据就是 data } error:function(){ alert('error'); //错误的处理 } });Recommended related tutorials:
The above is the detailed content of Can the ajax calling method be implemented through jquery?. For more information, please follow other related articles on the PHP Chinese website!