xmlHttpRequest的使用-ajax基础

页面

<body>

<label for="txt_username"> 姓名:</label> <input type="text" id="txt_username" />

<br /> <label for="txt_age"> 年龄:</label> <input type="text" id="txt_age" />

<br /> <input type="button" value="GET" id="btn" onclick="btn_click();" />

<div id="result"> </div>

</body>

js代码

<script type="text/javascript">

function btn_click() {

//创建XMLHttpRequest对象

var xmlHttp = new XMLHttpRequest();

//获取值 var username = document.getElementById("txt_username").value;

var age = document.getElementById("txt_age").value;

//配置XMLHttpRequest对象

xmlHttp.open("get", "Get.aspx?username=" + username + "&age=" + age);

//设置回调函数

xmlHttp.onreadystatechange = function () {

if (xmlHttp.readyState == 4 && xmlHttp.status == 200)

{ document.getElementById("result").innerHTML = xmlHttp.responseText; } } //发送请求 xmlHttp.send(null);

}

</script>

aspx反馈

protected void Page_Load(object sender, EventArgs e) {

Response.Clear();

string username = Request.QueryString["username"];

string age = Request.QueryString["age"]; Response.Write("姓名:'" + username + "'<br/>年龄:" + age + "<br/>时间:'" + DateTime.Now.ToString() + "'"); Response.End();

}

猜你喜欢

转载自blog.csdn.net/SS__FF/article/details/81635492