jquery 怎么异步增加表格里的一条数据

jquery 怎么异步增加表格里的一条数据,第1张

$.ajax({

url: "autoGrabSeatAdd.aspx",

data: postDataArray,

type: "post",

dataType: "json",

error: function () {

alert("意外错误来自前端,请重试.")

},

success: function (result) {

if (result.State == "right") {

var taskId = result.taskId

taskMana(posturl, 'GetType=qzadd&taskId=' + taskId, "1", "autoGrabSeatManage.aspx")

// ArtUrlNo("添加成功", "autoGrabSeatManage.aspx", 2000, "1")

} else {

AlertTips(result.Msg, 1)

}

}

})

var urlArr = ["Ajax/case1.html", "Ajax/case2.html", "Ajax/case3.html", "Ajax/case4.html"]

var curIndex = 0

$(window).scroll(function () {  

    var $body = $("body")  

    /*判断窗体高度与竖向滚动位移大小相加 是否 超过内容页高度*/  

    if (($(window).height() + $(window).scrollTop()) >= $body.height()) { 

        $.ajax({   

            url: urlArr[curIndex],

            success: function (data) {   //这里是成功后的回调函数!

                curIndex++

                if (curIndex >= 4) curIndex = 0//循环加载,如果到了case4.html,则又回到case1.html

                $('.ajax').html($('.ajax').html() + data)//加返回的数据追加到末尾

            }

        })

    }

})

$.ajax:基础方法

语法:jQuery.ajax([settings])

.load:载入远程 HTML 文件代码并插入至 DOM 中

语法:load( url, [data], [callback] )

$.get:使用GET方式来进行异步请求

语法:jQuery.get( url, [data], [callback] )

$.post:使用POST方式来进行异步请求

语法:jQuery.post( url, [data], [callback], [type] )

$.getScript:通过 GET 方式请求载入并执行一个 JavaScript 文件

语法:jQuery.getScript( url, [callback] )

jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据

这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。

$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接 *** 作该对象,但特殊情况下可用于手动终止请求。

注意: 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。见 Specifying the Data Type for AJAX Requests 。

当设置 datatype 类型为 'script' 的时候,所有的远程(不在同一个域中)POST请求都回转换为GET方式。

设置async参数:

(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它 *** 作必须等待请求完成才可以执行。

$.ajax({

type: "get",

url: "http://www.cnblogs.com/rss",

beforeSend: function(XMLHttpRequest){

//ShowLoading()

},

success: function(data, textStatus){

$(".ajax.ajaxResult").html("")

$("item",data).each(function(i, domEle){

$(".ajax.ajaxResult").append("<li>"+$(domEle).children("title").text()+"</li>")

})

},

complete: function(XMLHttpRequest, textStatus){

//HideLoading()

},

error: function(){

//请求出错处理

}

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11651265.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存