什么叫做ajax的无刷新?如何实现?

什么叫做ajax的无刷新?如何实现?,第1张

最简单的一种方式是,能过JQuery来实现:

例:$.ajax({

url:"a.aspx?a=123",

type:"post",

success:function(data){

}

})

Ajax的原理就是:通过javascript的方式,将前台数据通过xmlhttp对象传递到后台,后台在接收到请求后,将需要的结果,再传回到前台,这样就可以实现不需要页面的回发,页是数据实现来回传递,从页实现无刷新。(全是自己的理解,不是copy的)

例如上面的代码就是,请求a.aspx页面,将查询参数a=123传递给哪个页面后,哪个页面接收到数据,处理完后,如果成功,即进入success函数,里面的data即为回传的值,然后再将 data的内容通过js的控制,让其显示到页面上。

我推荐楼主最好用 jquery框架(轻量很好用),自己完全用js也可以。

上面全是自己的理解,如果哪里有不对,请谅解。

我写个大概意思,不知道是不是你要的。

假如你左边三个div的id分别是div1、div2、div3,右边div的id是div4

$("#div1").click(function(){

$.ajax({

url : "...", //向后台请求数据的url

type : "POST", //请求类型,你这里对数据处理,一般选择POST

data : {}, //向后台传递的参数,不需要参数,可以不写

dataType : "json", //将返回的数据转换成json数据,也可以是text或html,看你自己需求

success : function(data){

//这里就是你对数据的处理,data即返回的数据

//div动态显示数据,可以用jquery的html()或text()方法向div动态添加元素,当然,使用方法前,先要清空div,用empty()方法就OK了,例如:$("#div4").html("123")

},

error : function(){

alert("报错")

}

})

})

div2和div3点击都一样,写个ajax,主要就是对数据的处理


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

原文地址:https://54852.com/bake/7991913.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存