Jquery Ajax 基础

<script type="text/javascript">
$(function(){
$("#Button1").click(function(){
$.ajax({
type:"POST", //这是传输发送 post方式  看你需要(或者get)关于get和post的(优点或缺点)
data:{name:"123"}, //向服务器发送的数据  Request["name"] 
url:"Default3.aspx", //请求的服务器地址
async:false, //如果async设置为:true,则不会等待ajax请求返回的结果,会直接执行ajax后面的语句,所以弹出的alert是没有值的。
success:function(data,static){  //返回成功后  data服务器返回的数据   
alert(data);
$("#myDiv").html(data); //操作Dom元素
}
});
});
});

-----这是下面不同的写法
$.post("Default3.aspx",{name,"123456"},function(data){
$("div").html(data);
});

$.get("Default3.aspx",{name,"123456"},function(data){
$("div").html(data);
});

---这是直接载入
$("div").load("Default3.aspx",{name:"25622114"})

</script>

 

protected void Page_Load(object sender, EventArgs e)
{

----后台
if (Request["name"] != "" && Request["name"] != null)
{
Response.Write("POST传输过来" + Request["name"]); ---这个输出的是success执行成功返回的Data(数据,我们想要的)
Response.End(); //表示阻止后面响应输出 ,也就是返回的 data是 ("POST传输过来" + Request["name"] ,如果没有end那么 他会输出很多 html的东西 你可以试试alert(data)看出效果
}

}

posted @ 2012-10-07 11:13  KyrieYang  阅读(179)  评论(0编辑  收藏  举报