当前位置:首页>开发>正文

Jquery.ajax()使用方法 jquery中使用ajax的几种常用写法

2023-04-17 12:00:41 互联网 未知 开发

 Jquery.ajax()使用方法 jquery中使用ajax的几种常用写法

Jquery.ajax()使用方法

这是一个Ajax的请求:具体参数代表的含义如下:
type:提交方式;
cache:是否从缓存中获取(要异步一般都会设置成false)
url:提交地址;
dataType:提交数据格式、类型(如:xml ,json);
data:通过ajax要传过去的参数;
如果异步成功:
success中data表示响应给客户端的数据
如果异步失败:
由error响应给客户端

jquery中使用ajax的几种常用写法

第一种:
$.ajax({
type: "POST",
url: "ShowProduct.aspx/GetDHList",
data: {CategoryId:" CategoryId "},
contentType: "application/jsoncharset=utf-8",
dataType: "json",
success: function (data) {
var item = eval(data.d)
var StrHtml = ""
for (var i in item) {}
}, async: false
})
第二种:
$(document).ready(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"/jquery/test1.txt",async:false})
$("#myDiv").html(htmlobj.responseText)
})
})

第三种:
$.ajax({ url: "test.html", context: document.body, success: function(){
$(this).addClass("done")
}})

如何使用jquery ajax进行异步提交数据

$.ajax({
   type: "post",
   url: "some.php",
   async: true,//异步提交数据
   data: {},//提交的数据
   success: function(msg){
     //后台提交数据成功之后,响应的事件
   }
})

jquery ajax方法中data有什么用

// 登陆
function loginAjax(param) {
    var self = this
    $.ajax({
        type: post,
        url: /user/login,
        dataType: json,
        data: param,
        success: function(data) {

        },
        error: function(error) {
        console.log(error)
        }
    })
}1.以上是一个登录的Ajax方法,参数说明
    url:  请求的链接地址
    data: 请求的参数 以json格式传递 例如:{username: name, password: 123456}
    type: 请求方法  常用的是 get 或者post , 默认为get请求。 
    dataType: 预期服务器返回的数据类型


2.以下是jQuery官方文档中的一段ajax请求代码:

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: "   msg )
   }
})

最新文章