// 此函数等价于document.getElementById /document.all
function $(s) { if (document.getElementById) { return eval('document.getElementById("' + s + '")'); } else { return eval('document.all.' + s); } }
// 创建 XMLHttpRequest对象,以发送ajax请求
function createXMLHTTP() {
var xmlHttp = false;
var arrSignatures = ["MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0",
"MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP",
"Microsoft.XMLHTTP"];
for (var i = 0; i < arrSignatures.length; i++) {
try {
xmlHttp = new ActiveXObject(arrSignatures[i]);
return xmlHttp;
}
catch (oError) {
xmlHttp = false; //ignore
}
}
// throw new Error("MSXML is not installed on your system.");
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
var xmlReq = createXMLHTTP();
// 发送ajax处理请求(这里简单验证用户名和密码的有效性,默认正确的输入:用户名和密码都是test)
function validatePwd(oTxt) {
var url = "/AjaxOperations.aspx?action=jsonOp";
// JSON就只是文本,由于不需要特殊编码而且每个服务器端脚本都能处理文本数据,所以可以轻松利用JSON并将其应用到服务器。
var str = '{ "userName":"' + $("txtUserName").value + '", "userPwd": "' + $("txtPwd").value + '"}';
var jsonStr = str.parseJSON().toJSONString(); // you're sending it JSON
xmlReq.open("post", url, true);
xmlReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlReq.onreadystatechange = callBack;
xmlReq.send("sendStr=" + jsonStr); // 发送JSON(在服务器上解释JSON)
}
function callBack() {
if (xmlReq.readyState == 4) {
if (xmlReq.status == 200) {
var jsonStr = xmlReq.responseText.parseJSON().toJSONString(); //转化为json数据
alert(jsonStr);
}
else if (xmlReq.status == 404) {
alert("Requested URL is not found.");
} else if (xmlReq.status == 403) {
alert("Access denied.");
} else
alert("status is " + xmlReq.status);
}
}
多学多学,....
分享到:
相关推荐
总结起来,这个案例展示了如何利用AJAX与本地服务器进行交互,获取和提交JSON数据。通过创建XMLHttpRequest对象、设置请求参数和处理响应,以及在服务器端处理请求,我们可以实现在客户端和服务器之间的无刷新数据...
在现代Web开发中,AJAX...总结起来,"ajax操作json数据"的主题涉及到利用AJAX进行异步通信,结合JSON作为数据传输格式,实现Web应用的无刷新数据更新。通过学习和实践,开发者可以创建更高效、更动态的交互式Web页面。
- 使用jQuery的Ajax方法(如`$.ajax`或`$.getJSON`)向服务器发送请求,获取分页数据。在请求成功后,解析返回的JSON数据,并使用jQuery操作DOM,将数据插入到页面的适当位置。 7. **配置分页插件**: - 调用`...
标题"ajax与php利用json传输数据,实现局部刷新"涉及的主要知识点包括: 1. **Ajax工作原理**:Ajax通过JavaScript创建XMLHttpRequest对象,打开一个与服务器的连接,发送请求,监听状态变化,当服务器响应时,处理...
总结来说,本实例的核心是利用AJAX技术从服务器获取复杂的JSON数据,并对其进行解析和处理。理解AJAX的工作原理、JSON的结构以及如何在JavaScript中操作JSON是Web开发者必备的技能。在实际应用中,你可能还需要处理...
总结来说,"Ajax返回JSON对象"涉及到的技术点包括Ajax的基本使用、JSON数据格式、Ajax发送和接收JSON数据的流程、jQuery对Ajax的支持、跨域请求以及安全性和错误处理。这些都是Web开发中不可或缺的知识点,理解和...
本主题主要探讨如何在Struts2框架下利用AJAX传递和接收JSON(JavaScript Object Notation)数据,这是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 首先,让我们理解三种在Struts2中...
本教程将深入探讨如何利用Ajax和JSON来改进传统的HTML表单数据提交,从而提升用户界面的交互体验。 ### 1. Ajax概述 Ajax是一种在不刷新整个页面的情况下,与服务器交换数据并局部更新网页的技术。它通过...
总结来说,通过这种方式,我们可以利用AJAX向Struts2 Action传递JSON数组,实现异步数据交互。这在动态更新页面内容、处理表单提交等场景下非常有用。同时,使用JSON作为数据交换格式,使得前后端的数据交换变得更加...
在Web开发中,jQuery的AJAX功能经常被用于与服务器...在前端,利用`$.ajax()`发送JSON数据;在后端,Struts2 Action接收并处理这些数据。这种通信方式在现代Web应用中非常常见,因为它提供了高效、灵活的数据交换手段。
本教程将深入讲解如何在SpringMVC中利用Ajax和JQuery来交互Json数据。 首先,让我们理解什么是Json。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成...
总结起来,"php-curl+ajax+json数据传输2.0版本"是利用PHP-cURL解决AJAX跨域请求的一种解决方案,它结合了AJAX的异步特性、JSON的数据交换优势以及cURL的服务器端请求处理能力。这个组合可以实现高效、安全的数据...
在"ajax+json仿照google提示"项目中,我们将利用Ajax从服务器获取JSON数据,这些数据包含了用户可能搜索的关键词建议。当用户在搜索框输入时,JavaScript监听输入事件,并使用Ajax向服务器发送一个包含当前输入值的...
本示例将探讨如何利用jQuery的Ajax功能向Struts2框架发送请求,并以JSON格式接收响应数据。下面我们将详细讨论这些技术以及它们在实际应用中的交互过程。 首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作...
本实例将深入探讨如何利用jQuery的AJAX功能与JSON数据格式进行交互,以实现异步数据加载和更新,从而提高网页的用户体验。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和...
AJAX的核心是XMLHttpRequest对象,这是一个内置在浏览器中的对象,它可以异步地向服务器发送请求并接收响应。创建一个XMLHttpRequest实例,然后利用其open()和send()方法,可以发起HTTP请求。例如: ```javascript ...
本文将详细讲解如何在Struts2.0中利用Ajax和JSON进行数据的传输。 首先,了解JSON的基础知识。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它的数据结构主要由对象(键值对)和...
在这个例子中,服务器端需要处理请求,并以JSON格式返回数据,而客户端则接收这些数据并动态更新页面。 总之,JSON和AJAX是现代Web开发中的关键技术,它们使得前后端交互变得更加高效和灵活。这个"json/ajax第三方...
在这个综合例子中,我们将探讨如何使用jQuery和Ajax进行异步数据通信,通过PHP在服务器端处理这些请求,并利用Json进行数据交换。Json的优势在于它与JavaScript语法高度相似,使得数据的序列化和反序列化变得非常...