jquery 现在比较流行的js的操作! 今天写了一个jquery实现的ajax 操作,需要的朋友看一下……
index.aspx页面内容:
1. 引用jquery
<script type="text/javascript" src="js/jquery_1.3.2_min.js"></script>
2. 前天jquery的写法
function checks()
{
$.ajax({
type:"get",
url:"test.aspx?type=ddt&"+Math.random(),
success:function(msg){
$("#ds").html(msg);
}
});
}
其他有些需要传递参数的时候可能会出现一下编码错误, url:url:"sindex.aspx?type=dds&logName="+escape(ss)+"&"+Math.random(), 这个是关键字! 注意!!
红色的escape就是编码格式转化
3. 后台对jquery的操作
if (Request.QueryString["type"] == "ddt")
{
string json = "<input type='button' οnclick='test();' value='管理' />";
Response.ContentType = "text/plain";
Response.Buffer = true;
Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);
Response.AddHeader("pragma", "no-cache");
Response.AddHeader("cache-control", "");
Response.CacheControl = "no-cache";
Response.Write(json);
Response.End();
}
这个方法可以做很多的事情! 可以往前台传递一个对象 实现方法:
string js = Newtonsoft.Json.JavaScriptConvert.SerializeObject(list);
list 是一个集合,把js现在就是一个json对象,就像我们说的数组一样,差不多 呵呵~~
前台如何写呢?
function GetBig()
{
$.ajax({
type:"post",
url:"buy_add.aspx",
data:"type=big&"+Math.random(),
success:function(msg){
var jsong=eval(msg);
document.getElementById("type_big").options.length=0;
document.getElementById("type_big").options.add(new Option("-请选择-","-1"));
if(jsong.length!=0)
{
for(var i=0;i<jsong.length;i++)
{
document.getElementById("type_big").options.add(new Option(jsong[i].Class_Name,jsong[i].ID));
}
}
}
})
}
这里执行简单的写一下!! 红色的代码就是主要的代码! 唉~~~~~~ 有空在写呗~~~~ 到这吧