我用JavaScript实现ajax,为什么不成功啊

yalunwang123 yalunwang123 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

我在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请求的过程。

weixin_38702047

实现无需触发JavaScript的Ajax请求处理

通常情况下,Ajax请求会在成功响应后执行一个JavaScript回调函数,以处理返回的数据。总结一下,通过修改Ajax请求的事件处理程序,我们可以实现无需触发JavaScript的Ajax请求处理。这在某些特定的场景下可能会有用,比如只关心请求是否成功,而不需要处理返回的数据。需要注意的是,尽管我们不执行任何JavaScript代码,但请求仍然会被发送到服务器,并且服务器也会返回响应。在上面的代码中,我们定义了一个XMLHttpRequest对象xhr,并设置了请求的URL、请求的方法、是否异步等参数。

YabClass

django+js+ajax实现刷新页面的方法

在Web开发中,有时我们需要实现在不刷新整个页面的情况下更新特定区域的内容,这可以通过结合Django、JavaScript(JS)和Ajax技术来实现。

weixin_38621104

jquery.form.js实现将form提交转为ajax方式提交的方法

在某些情况下,开发者也可以不使用任何插件,直接用原生JavaScript或者jQuery来实现相似的功能。

weixin_38606206

原生JS写Ajax的请求函数功能

总的来说,文章通过具体代码示例,向读者介绍了如何不依赖外部库,仅用原生JavaScript实现Ajax请求的基本原理和方法。

weixin_38681318
评论 13
收藏 已收藏
分享
返回顶部
yalunwang123
.NET社区 62,271 成员 668,968 内容