jquery ajax的简单应用

把自己写的jquery写下来

 

比如现在有一个界面，分左右两侧，当点击左侧的标签，然后在右侧框显示，实现无刷新技术，这是最简单的ajax应用　

 

function touser() { $.ajax({ url: "UserTable.aspx?timeStamp=" + new Date().getTime(), success: function(msg) { $("#main").html(msg); } }) } 其中touser是你设置的单击事件，切记要在你的标签里加上个单击事件哦，onclick，接下来里面写的就是jquery　ajax了，很好看懂的，就是一个url,然后成功就返回，把他插入到右侧框里，在这里右侧框是一个div，div的id为main，简单吧。。。，　上面例子的单击事件也可以换成jquery的

$(function(){ $("#clickuser").click(function(){ $.ajax({ url: "UserTable.aspx?timeStamp=" + new Date().getTime(), success: function(msg) { $("#main").html(msg); } }) }) }) 在这里clickusr是你要设置单击事件的标签的ＩＤ，这样的话就用在标签上加单击事件了。这两种方法用哪一种就要看实现需要了。

 

 

当你后加进来的页面想使用单击事件可以用　function 函数名(){//内容}，这样写就要在标签上加一个单击事件onclick，对吧，也可以用jquery的

$(function(){ $("#btnque").live('click', function() { //里面写你的操作 }) }) 注意这里是用的live

 

再看一下，用jquery　ajax 调用方法，和传参调用方法

 

$(function() { $("#btntian").live('click', function() { var user = $("#txtuser").val(); var pass = $("#txtmi").val(); var pass1 = $("#txtmmi").val(); $.ajax( { type: "POST", url: "UserForm.aspx/AddUser", data: "{username:'" + user + "',password:'" + pass + "',password1:'" + pass1 + "'}", contentType: "application/json", success: function(msg) { alert(msg.d); touser(); } } ) }) 在这里要做的操作是后进来页面的jquery ajax，单击后进来页面的一个标签，然后进行方法的调用。在这里的url:"UserForm.aspx/AddUser",指的是我要调用UserForm.aspx后台的一个方法，然后data是需要传的参，注意：如果你传的参数要想在调用的方法里使用，你这里的参数名，一定要和后台的参数名一样。

 

说一下，val(),text()的区别，val()是获取表单值或为表单赋值用的，text()是获取像<label></lable>这样标签的值的，当然也可以为这种标签赋值。

 

大家能看懂的就看几眼，看不懂就去找找高手们的，谢谢，别砸我呀。