ajax验证用户名
index_do.php
<?php
header("Content-Type:text/html;charset=utf-8");
header("Cache-Control:no-cache");
$username=$_POST['username'];
$info="";
if ($username=='admin'){
$info='{"name":"owen","age":"24","sex":"man"}';
}else {
$info='{"name":"nancy","age":"23","sex":"woman"}';
}
echo $info;
?>
index.php
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>ajax</title>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function checkName(){
var http_request=createAjax();
http_request.onreadystatechange=function(){
if(http_request.readyState==4 && http_request.status==200){
var notice=http_request.responseText;
var notice_obj=eval("("+notice+")");
$("notice").innerHTML=notice_obj.name;
} // www.jbxue.com
}
var data="username="+$("username").value+"&mytime="+new Date();
var url="index_do.php";
http_request.open("post",url,true);
http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
http_request.send(data);
}
</script>
</head>
<body>
Please enter your username:<input type="text" name="username" id="username" onChange="checkName();" />
<span id="notice"></span>
</body>
</html>
这里用到了eval()函数，将json格式的数据库转换成对象。这样就可以很方便的取出数据。对象属性对应属性值。
var notice=http_request.responseText;
var notice_obj=eval("("+notice+")");
相关推荐
在处理Ajax返回的JSON（JavaScript Object Notation）数据时，可能会遇到一些问题，尤其是当JSON数据中包含换行符时。本文将深入探讨这个问题，以及如何正确地处理这种情况。 首先，JSON是一种轻量级的数据交换格式...
在本文中，我们将探讨如何使用SSH1框架与jQuery的AJAX功能来处理JSON二维数组，特别是在实现菜单...整个流程包括前端的AJAX请求、后端的JSON数据处理以及UI交互逻辑。理解这些技术对于开发复杂的Web应用程序至关重要。
`json.js`文件可能是JavaScript中处理JSON的一个工具库，它提供了类似的功能，但用在客户端，帮助解析服务器返回的JSON字符串。例如，`eval()`或`JSON.parse()`函数可以用来解析JSON字符串为JavaScript对象： ```...
总结来说，"Ajax返回JSON对象"涉及到的技术点包括Ajax的基本使用、JSON数据格式、Ajax发送和接收JSON数据的流程、jQuery对Ajax的支持、跨域请求以及安全性和错误处理。这些都是Web开发中不可或缺的知识点，理解和...
客户端可能有一个HTML页面，通过JavaScript调用AJAX发送请求，服务器端使用.NET处理请求，将数据以JSON格式返回。例如，一个简单的获取用户信息的接口： ```javascript // 客户端AJAX请求 function getUserInfo() {...
总结，AJAX解析JSON数据主要涉及`XMLHttpRequest`或`fetch` API的使用，通过设置响应类型和响应处理函数，我们可以方便地获取和操作JSON数据。对于新手来说，理解这些基本概念和操作是学习Web开发的重要一步。在实际...
3. 在前端处理返回的JSON数据：在$.ajax()方法的success回调函数中，返回的数据会被处理。这里使用了eval()函数来转换字符串形式的JSON数据为JavaScript对象。然而，在实际开发中，出于安全考虑，不建议使用eval()...
触发Ajax请求，观察是否能正确接收到服务器返回的JSON数据，并在页面上显示出来。 这个简单的示例展示了Struts2和jQuery如何协同工作，实现动态的、无需刷新页面的Web应用。通过理解和实践这个示例，开发者可以...
在AJAX的回调函数中，我们可以通过`responseText`或`response`属性获取到服务器返回的JSON数据字符串。然后，使用`JSON.parse()`方法将这个字符串转换为JavaScript对象，以便在客户端进行操作。 以jQuery为例，一个...
通过创建一个 HTML 页面和一个 JS 文件，演示了如何使用 Ajax 提交表单数据并返回 Json 对象。 知识点一：使用 Ajax 提交表单数据 在 ASP.NET 中，可以使用 Ajax 提交表单数据，而不需要使用传统的 Form 提交方式...
SSH 框架 Ajax 获取的 JSON 格式数据处理过程 在本文中，我们将详细讲解如何使用 SSH 框架中的 Ajax 获取的 JSON 格式数据处理过程，并且实现菜单联动下拉框的功能。 一、Ajax 中 response 返回的数据是一个二维...
// 在这里可以处理返回的JSON数据 }, error: function(xhr, status, error) { console.error(error); // 请求失败时执行的回调函数 } }); ``` 在上述代码中，`dataType: 'json'` 指定了服务器返回的数据类型为...
AjaxJson 是一种在 Web 应用程序中实现异步数据交换的技术，它结合了 AJAX（Asynchronous JavaScript and XML）和 JSON（JavaScript Object Notation）的优势，使得网页可以在不刷新整个页面的情况下与服务器进行...
Json数据格式通常用于Ajax请求中，作为传输的数据载体，因为它能被JavaScript直接解析，无需额外的转换步骤。 在本视频教程的第一讲中，你可能会学到以下知识点： 1. Ajax的基础概念：理解什么是Ajax，它的基本...
- **数据发送**：使用XMLHttpRequest对象或者更现代的fetch API，可以异步发送JSON数据到服务器。 ```javascript let xhr = new XMLHttpRequest(); xhr.open('POST', '/api/login'); xhr.setRequestHeader('Content...
总结起来，"php-curl+ajax+json数据传输2.0版本"是利用PHP-cURL解决AJAX跨域请求的一种解决方案，它结合了AJAX的异步特性、JSON的数据交换优势以及cURL的服务器端请求处理能力。这个组合可以实现高效、安全的数据...
这通常是ASP（Active Server Pages）脚本，用于处理AJAX请求并返回JSON数据。在ASP中，你可以使用VBScript或者JScript来编写代码。这里可能包含以下内容： ```vbscript ' 假设我们有一些数据存储在数组或字典中 ...
标题 "Ajax+JSON 搜索框自动完成提示功能" 涉及...在这个例子中，Struts2可能被用来处理Ajax请求，查询数据库并返回JSON数据。开发者可以参考这个项目来理解如何结合Ajax和JSON在实际应用中实现搜索框的自动完成功能。
以上就是使用Struts2和jQuery实现Ajax请求并返回JSON数据的基本流程。通过这种方式，我们可以在不刷新整个页面的情况下，实现数据的异步加载和动态更新，提高用户体验。在实际项目中，可能还需要考虑错误处理、数据...