`
烏魯奇奧拉
  • 浏览: 14042 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

ajax利用json发送/接收数据:

阅读更多
// 此函数等价于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);
    }
}
多学多学,....
分享到:
评论

相关推荐

    基于JSON的AJAX请求案例

    总结起来,这个案例展示了如何利用AJAX与本地服务器进行交互,获取和提交JSON数据。通过创建XMLHttpRequest对象、设置请求参数和处理响应,以及在服务器端处理请求,我们可以实现在客户端和服务器之间的无刷新数据...

    ajax操作json数据

    在现代Web开发中,AJAX...总结起来,"ajax操作json数据"的主题涉及到利用AJAX进行异步通信,结合JSON作为数据传输格式,实现Web应用的无刷新数据更新。通过学习和实践,开发者可以创建更高效、更动态的交互式Web页面。

    .NET利用jqury+ajax+json方式实现的数据分页

    - 使用jQuery的Ajax方法(如`$.ajax`或`$.getJSON`)向服务器发送请求,获取分页数据。在请求成功后,解析返回的JSON数据,并使用jQuery操作DOM,将数据插入到页面的适当位置。 7. **配置分页插件**: - 调用`...

    ajax与php利用json传输数据,实现局部刷新

    标题"ajax与php利用json传输数据,实现局部刷新"涉及的主要知识点包括: 1. **Ajax工作原理**:Ajax通过JavaScript创建XMLHttpRequest对象,打开一个与服务器的连接,发送请求,监听状态变化,当服务器响应时,处理...

    ajax请求复杂的json数据实例

    总结来说,本实例的核心是利用AJAX技术从服务器获取复杂的JSON数据,并对其进行解析和处理。理解AJAX的工作原理、JSON的结构以及如何在JavaScript中操作JSON是Web开发者必备的技能。在实际应用中,你可能还需要处理...

    ajax返回json对象.zip

    总结来说,"Ajax返回JSON对象"涉及到的技术点包括Ajax的基本使用、JSON数据格式、Ajax发送和接收JSON数据的流程、jQuery对Ajax的支持、跨域请求以及安全性和错误处理。这些都是Web开发中不可或缺的知识点,理解和...

    AJAX 想Struts2后台传送Json数据并向前台返回Json格式的数据

    本主题主要探讨如何在Struts2框架下利用AJAX传递和接收JSON(JavaScript Object Notation)数据,这是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 首先,让我们理解三种在Struts2中...

    Ajax+JSON 提交数据的演示

    本教程将深入探讨如何利用Ajax和JSON来改进传统的HTML表单数据提交,从而提升用户界面的交互体验。 ### 1. Ajax概述 Ajax是一种在不刷新整个页面的情况下,与服务器交换数据并局部更新网页的技术。它通过...

    AJAX和struts2传递JSON数组

    总结来说,通过这种方式,我们可以利用AJAX向Struts2 Action传递JSON数组,实现异步数据交互。这在动态更新页面内容、处理表单提交等场景下非常有用。同时,使用JSON作为数据交换格式,使得前后端的数据交换变得更加...

    jquery的ajax传json对象数组到struts2的action

    在Web开发中,jQuery的AJAX功能经常被用于与服务器...在前端,利用`$.ajax()`发送JSON数据;在后端,Struts2 Action接收并处理这些数据。这种通信方式在现代Web应用中非常常见,因为它提供了高效、灵活的数据交换手段。

    SpringMVC利用Ajax,JQuery交互Json

    本教程将深入讲解如何在SpringMVC中利用Ajax和JQuery来交互Json数据。 首先,让我们理解什么是Json。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成...

    php-curl+ajax+json数据传输2.0版本

    总结起来,"php-curl+ajax+json数据传输2.0版本"是利用PHP-cURL解决AJAX跨域请求的一种解决方案,它结合了AJAX的异步特性、JSON的数据交换优势以及cURL的服务器端请求处理能力。这个组合可以实现高效、安全的数据...

    ajax+json仿照google提示

    在"ajax+json仿照google提示"项目中,我们将利用Ajax从服务器获取JSON数据,这些数据包含了用户可能搜索的关键词建议。当用户在搜索框输入时,JavaScript监听输入事件,并使用Ajax向服务器发送一个包含当前输入值的...

    JQuery发送Ajax请求Struts2,并返回JSON的例子

    本示例将探讨如何利用jQuery的Ajax功能向Struts2框架发送请求,并以JSON格式接收响应数据。下面我们将详细讨论这些技术以及它们在实际应用中的交互过程。 首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作...

    jquery_ajax_json简单实例

    本实例将深入探讨如何利用jQuery的AJAX功能与JSON数据格式进行交互,以实现异步数据加载和更新,从而提高网页的用户体验。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和...

    AJAXJSON的实现

    AJAX的核心是XMLHttpRequest对象,这是一个内置在浏览器中的对象,它可以异步地向服务器发送请求并接收响应。创建一个XMLHttpRequest实例,然后利用其open()和send()方法,可以发起HTTP请求。例如: ```javascript ...

    ajax利用json在struts2.0中的使用

    本文将详细讲解如何在Struts2.0中利用Ajax和JSON进行数据的传输。 首先,了解JSON的基础知识。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它的数据结构主要由对象(键值对)和...

    json/ajax第三方jar包

    在这个例子中,服务器端需要处理请求,并以JSON格式返回数据,而客户端则接收这些数据并动态更新页面。 总之,JSON和AJAX是现代Web开发中的关键技术,它们使得前后端交互变得更加高效和灵活。这个"json/ajax第三方...

    jQuery/Ajax/PHP/Json 的一个综合例子收藏

    在这个综合例子中,我们将探讨如何使用jQuery和Ajax进行异步数据通信,通过PHP在服务器端处理这些请求,并利用Json进行数据交换。Json的优势在于它与JavaScript语法高度相似,使得数据的序列化和反序列化变得非常...

Global site tag (gtag.js) - Google Analytics