ajax局部无刷新数据库,jquery ajax 局部无刷新更新数据的实现案例

jquery ajax 局部无刷新更新数据的实现案例

发布于 2016-10-02 19:45:51 | 114 次阅读 | 评论: 0 | 来源: 网友投递

jQuery javascript框架jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。

这篇文章主要对jquery ajax 局部无刷新更新数据的实现案例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

要更新的页面

第一期

第二期

你好

function duoduo() {

$.ajax({

type: 'post', //可选get

url: 'ajax.aspx', //这里是接收数据的程序

data: 'data=' + $("#lucky1").val(), //传给PHP的数据，多个参数用&连接

dataType: 'html', //服务器返回的数据类型 可选XML ,Json jsonp script html text等

success: function(msg) {

//这里是ajax提交成功后，程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！

document.getElementByIdx_x_x("duoduo").innerHTML = msg;

//$("#duoduo").innerHTML = msg;

},

error: function() {

alert('对不起失败了');

}

})

}