JS文件
//以下为jquery代码
$(document).ready(function(){
$("#jqbtn").click(function(){
alert(1);
$.ajax({
type:"POST",
url:"jqtest.aspx",
data:"un=test&pwd=123456",
success:function(rs){
alert(rs);
},
error:function(){alert("出错!");},
async:false
});
alert(2);
});
//end ("#jqbtn").click
});
//end document.ready
HTML页面 test.html
<html >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<script type="text/javascript" src="js/jqchecknxx.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" οnclick="test()" value="提交" id="ptbtn" />
<input type="button" value="JQ提交" id="jqbtn" />
</div>
</form>
</body>
</html>
后台处理页面 jqtest.aspx.cs
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
public partial class js_jqtest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (Request.Form["un"] != null && Request.Form["pwd"] != null)
{
Response.Write("用户名:"+Request.Form["un"].ToString()+"密码:"+Request.Form["pwd"].ToString());
}
}