在使用jquery实现AJAX的应用时,经常使用到的方法有$.get()和$.post(),两个方法在使用时,接收其传过来的参数的方式有所不同,在使用$.post()时,接收的方式为:Request.Form["myid"];
在使用$.get()时,接收的试为:Request.QueryString["myid"];
=======================================================================
使用方式如下:
使用页面的源代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://wenfuchun.blog.163.com/blog/jquery-1.3.2.js"></script>
<script type="text/javascript">
function myclick() {
$.post("innerajax.aspx",{"myid":$("#Text1").val()}, function(Date) {
$("#span1").html(Date);//注意这里
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Text1" type="text" /><br/>
<span id="span1">这里将出现我的内容</span><br/>
<input id="Button1" type="button" value="button" οnclick="myclick()" /></div>
</form>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------
innerajax.aspx页中CS代码
protected void Page_Load(object sender, EventArgs e)
{
string my =Request.Form["myid"];//注意这里
Response.Write("这个是我的新信息"+my);
}
===========================================================================
当为get方式传参时:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://wenfuchun.blog.163.com/blog/jquery-1.3.2.js"></script>
<script type="text/javascript">
function myclick() {
$.get("innerajax.aspx",{"myid":$("#Text1").val()}, function(Date) {
$("#span1").html(Date);//注意这里
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Text1" type="text" /><br/>
<span id="span1">这里将出现我的内容</span><br/>
<input id="Button1" type="button" value="button" οnclick="myclick()" /></div>
</form>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------
innerajax.aspx页中CS代码
protected void Page_Load(object sender, EventArgs e)
{
string my =Request.QueryString["myid"]; //注意这里
Response.Write("这个是我的新信息"+my);
}
在使用$.get()时,接收的试为:Request.QueryString["myid"];
=======================================================================
使用方式如下:
使用页面的源代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://wenfuchun.blog.163.com/blog/jquery-1.3.2.js"></script>
<script type="text/javascript">
function myclick() {
$.post("innerajax.aspx",{"myid":$("#Text1").val()}, function(Date) {
$("#span1").html(Date);//注意这里
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Text1" type="text" /><br/>
<span id="span1">这里将出现我的内容</span><br/>
<input id="Button1" type="button" value="button" οnclick="myclick()" /></div>
</form>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------
innerajax.aspx页中CS代码
protected void Page_Load(object sender, EventArgs e)
{
string my =Request.Form["myid"];//注意这里
Response.Write("这个是我的新信息"+my);
}
===========================================================================
当为get方式传参时:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://wenfuchun.blog.163.com/blog/jquery-1.3.2.js"></script>
<script type="text/javascript">
function myclick() {
$.get("innerajax.aspx",{"myid":$("#Text1").val()}, function(Date) {
$("#span1").html(Date);//注意这里
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Text1" type="text" /><br/>
<span id="span1">这里将出现我的内容</span><br/>
<input id="Button1" type="button" value="button" οnclick="myclick()" /></div>
</form>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------
innerajax.aspx页中CS代码
protected void Page_Load(object sender, EventArgs e)
{
string my =Request.QueryString["myid"]; //注意这里
Response.Write("这个是我的新信息"+my);
}
------------------------------------请参照下面的传参----------------------------------------
$.get("myEdit.ashx?time="+Math.random(),{action:"getUserSchool",uid:uid},function(data,status){}); //$.get()方式,将参数传向一般处理程序
$.post("myEdit.ashx?time="+Math.random(),{"action":"getUserSchool","uid":uid},function(data,status){}); //$.post()方式,将参数传向一般处理程序