我用JavaScript实现ajax,为什么不成功啊
我在webform2.aspx用ajax向webform1发送请求,目前情况是这样的,用vs调试时 ,用户名和密码能跳到webform1里,;
用firebug在火狐里面是执行调试时,也能检测到req.readState == 4 req.status == 200啊,但就是为什么document.getElementById("display").innerHTML = req.responseText;
alert("你好,ajax");没执行呢?大家帮忙看看呗。
<script type="text/javascript">
var req;
function creatReq()
{
var userName = document.getElementById("txtUser").value;
var pwd = document.getElementById("txtPWD").value;
var url = "WebForm1.aspx?userName=" + userName + "&pwd=" + pwd;
req = new XMLHttpRequest();
if (req) {
req.open("GET", url, true);
req.onreadystatechange = function () {
if (req.readState == 4 && req.status == 200) {
// if (((String)(req.responseText)).substr(0, 4) == true)
document.getElementById("display").innerHTML = req.responseText;
alert("你好,ajax");
}
}
req.send(null);
}
}
function judge()
{ creatReq(); }
<input id="Hidden1" type="hidden" />
<span id="Label1">用户名</span>
:<input name="txtUser" type="text" id="txtUser" />
<br />
<span id="Label2">密码:</span>
<input name="txtPWD" type="text" id="txtPWD" />
<br />
<input id="btnLogin" type="button" value="登录" onclick="judge()" />
<span id="display">11111</span>
服务webform1.aspx代码:
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string nam = Request.QueryString["txtUser"].ToString();
string pwd = Request.QueryString["txtPWD"].ToString();
if (nam=="yalunwang"&&pwd=="123")
{
Response.Write("HELLO,AJAX");
}
}
...全文
相关推荐
prototype.js简单实现ajax功能示例
Prototype.js 的 AJAX 功能通过其内置的 `Ajax` 对象来实现。在给定的示例中,Prototype.js 简化了创建和管理Ajax请求的过程。
实现无需触发JavaScript的Ajax请求处理
通常情况下,Ajax请求会在成功响应后执行一个JavaScript回调函数,以处理返回的数据。总结一下,通过修改Ajax请求的事件处理程序,我们可以实现无需触发JavaScript的Ajax请求处理。这在某些特定的场景下可能会有用,比如只关心请求是否成功,而不需要处理返回的数据。需要注意的是,尽管我们不执行任何JavaScript代码,但请求仍然会被发送到服务器,并且服务器也会返回响应。在上面的代码中,我们定义了一个XMLHttpRequest对象xhr,并设置了请求的URL、请求的方法、是否异步等参数。
django+js+ajax实现刷新页面的方法
在Web开发中,有时我们需要实现在不刷新整个页面的情况下更新特定区域的内容,这可以通过结合Django、JavaScript(JS)和Ajax技术来实现。
jquery.form.js实现将form提交转为ajax方式提交的方法
在某些情况下,开发者也可以不使用任何插件,直接用原生JavaScript或者jQuery来实现相似的功能。
原生JS写Ajax的请求函数功能
总的来说,文章通过具体代码示例,向读者介绍了如何不依赖外部库,仅用原生JavaScript实现Ajax请求的基本原理和方法。


