-
ajax获取返回值问题5
有没有人知道为什么div不会变...
代码如下
a.html
<html>
<body>
<script language="JavaScript">
var req = null;
function test() {
//初始化
var code = document.all.code.value;
var name = document.all.name.value;
//req = new ActiveXObject("Microsoft.XMLHTTP");
if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
}
//发出请求
req.open("GET", "b.jsp?code=" + code + "&name=" + name, "false");
//设置属性,当后台处理完成后,回来调用myDeal方法。
req.onreadystatechange = myDeal();
req.send(null);
}
function myDeal() {
if (req.readyState == 4) {
//接收服务端返回的数据
var ret = req.responseText;
//处理数据
document.all("myDiv").innerHTML = ret;
}
}
</script>
用户注册:
<br>
用户编号:
<input type="text" name="code" onblur="">
*
<div id="myDiv" name="myDiv"></div>
<br>
用户名称:
<input type="text" name="name">
<br>
<input type="button" value="注册" onclick="test();">
</body>
</html>
b.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%
//接收参数
String code = request.getParameter("code");
String name = request.getParameter("name");
//控制台输出表单数据看看
System.out.println("code=" + code + ",name=" + name);
//检查code的合法性
if (code == null || code.trim().length() == 0) {
out.println("code can't be null or empty");
} else if (code != null && code.equals("admin")) {
out.println("code can't be admin");
} else {
out.println("OK");
}
%>2012年9月23日 16:58
4个答案 按时间排序 按投票排序
-
采纳的答案
req.onreadystatechange = myDeal();
改成
req.onreadystatechange = myDeal;2012年9月23日 20:33
-
1.你的 myDeal 应该在req.status == 200 时候获取 responseText
function myDeal() { if (req.readyState == 4) { if(req.status == 200) { //接收服务端返回的数据 var ret = req.responseText; //处理数据 alert("ret "+ret); document.all("myDiv").innerHTML = ret; } } }
2.写js建议装个火狐 fire debug 在提交ajax参数,获取响应 火狐fire debug都会看到
3.如果还有什么问题:送你个连接:
http://blog.csdn.net/dncts/article/details/6189411
你参照着改
2012年9月23日 17:56
相关推荐
简单的ajax提交 后台 <?php switch($_POST['name']) { case 1: echo '1 haha'; break; case 2: echo '2 hehe'; break; case 3: echo '3 huohuo'; break; case 4: echo '4 你妹啊'; break; } ?&...
AJAx发送请求,获取返回值,判断处理返回结果
在这个场景中,我们将深入探讨如何使用Ajax获取页面返回值。 一、XMLHttpRequest对象 XMLHttpRequest(XHR)是JavaScript中的一个内置对象,它允许我们与服务器进行异步通信。创建一个新的XMLHttpRequest实例非常...
javascript发送ajax请求,获取返回值res,async 同步/异步 var res = sendRequest({ url : "1.php", //necessary method : "post", params : { param1 : "123", param2 : "234" }, async : false });
一直以为是我后台程序有问题,晚上回到家才想起来ajax的问题,把ajax的异步处理改为同步,就出来效果了,具体的原因请看下文详解。 jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是...
这篇博客将探讨如何使用jQuery实现跨域请求以及如何获取返回值。 首先,我们需要理解什么是跨域请求。跨域请求是指一个域下的文档或脚本尝试请求另一个域下的资源,由于安全原因,通常会被浏览器阻止。但为了实现...
其中,获取Ajax请求记录是开发者调试过程中非常关键的一环,因为它可以帮助开发者检查数据的发送和接收情况,排查网络问题,以及理解应用程序的工作流程。 Chrome扩展插件就是一种增强浏览器功能的方式,它们可以...
本篇文章将重点介绍使用jQuery库中的ajax方法获取服务器响应内容的方法,以及一些常见问题和解决方案。 首先,了解jQuery的ajax方法是掌握本知识点的前提。jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化...
这个函数用于发起GET请求,通常用于从服务器获取数据。在给定的例子中,$.get()接收三个参数:URL("test.jsp"),要发送的数据({ name: “cssrain”, time: “2008/01/21” })和一个回调函数,该函数处理服务器...
在这个场景中,我们需要将通过Ajax请求获取的数据用于外部的JavaScript函数或脚本中。以下是如何实现这一目标的详细步骤和相关知识点: 1. **创建Ajax请求**: 使用jQuery中的`$.ajax()`函数,我们可以发起一个...
本文将详细讲解如何使用JavaScript和jQuery库来发起AJAX请求,获取后台接口数据,并根据返回值进行处理。 知识点一:AJAX的基本概念 AJAX(Asynchronous JavaScript and XML)是异步JavaScript和XML的简称。它不是...
例如,如果请求中的数据编码为UTF-8,但在后端处理时使用了GB2312编码,那么应当在获取数据时使用iconv函数将UTF-8编码转换为GB2312,以防止乱码问题。具体实现方法是:在控制器中使用iconv('utf-8', 'gb2312', $...
此例子里面讲解了ajax请求servlet之后,处理servlet的返回值,包括xml、text文本、json、html页面,例子非常容易懂,而且注释详细,对于理解ajax请求的原理非常有帮助,值得一看。
然而,有时候我们在使用AJAX获取数据时,可能会遇到返回的内容被浏览器自动包裹在`<pre>`标签中的问题。这通常是因为浏览器对不同类型的响应内容有不同的默认处理方式。 `<pre>`标签在HTML中用于定义预格式化的文本...
本篇将深入探讨Ajax异步提交数据时遇到的返回值换行问题及其解决方法。 在描述的场景中,我们有一个下拉菜单用于选择分类,用户选择后,通过Ajax异步向服务器发送请求,服务器根据所选分类返回相应成员的名称,这些...
在本话题中,我们将深入探讨如何通过Ajax获取并处理各种类型的数据,包括字符串、数组、对象以及XML。 一、Ajax基本工作原理 Ajax的核心是JavaScript的XMLHttpRequest对象,它允许JavaScript向服务器发送HTTP请求,...
Ajax技术是Web开发中的一种重要技术,它使得...因此,掌握Ajax返回值类型的知识点,对提高前端开发效率和页面性能有着重要的意义。在开发过程中,合理地利用这些知识点,可以使页面与服务器之间的交互更加高效和流畅。
### AJAX获取返回值 在AJAX请求中获取服务器返回的值是核心诉求之一。通过`success`回调函数可以处理从服务器返回的数据,并作出响应。在上述代码示例中,`success`函数接收了一个参数`msg`,这个参数就包含了从...