`

Json对象(ajax返回一个json对象)

    博客分类:
  • .net
阅读更多
一般处理程序
<%@ WebHandler Language="C#" Class="ajaxTest" %>

using System;
using System.Web;
using System.Web.Script.Serialization;

public class Person1
{
    public string Name { get; set; }
    public string Age { get; set; }
}
public class ajaxTest : IHttpHandler {
   
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";

        JavaScriptSerializer jss = new JavaScriptSerializer();

        Person1 p2 = new Person1();
        p2.Name = "ckg";
        p2.Age = "22";
        //context.Response.Write("1111");
        var txt = jss.Serialize(p2);
        context.Response.Write(txt);
    }

    public bool IsReusable {
        get {
            return false;
        }
    }

}



前台
ajaxJson.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>


    <script src="js/jquery-1.4.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
        var xmlHttp = null;
        function createXMLHttp()
        {
            if(window.ActiveXObject)
                {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
            else if(window.XMLHttpRequest)
                {
                    xmlHttp = new XMLHttpRequest();
                }
        }
        function checka()
        {
            createXMLHttp();  
               var txt=$("#Text1").val();
                var url = "ajaxTest.ashx?txt="+txt;
                xmlHttp.open("post",url,true);//采用post传输数据不会中断,并且传输容量可以达到4M   
                xmlHttp.onreadystatechange = sub;
                xmlHttp.send();
        }
        function sub()
        {
            if(xmlHttp.readyState == 4&&xmlHttp.status==200)
            {
               var txt=xmlHttp.ResponseText;
               $("#Text2").val(txt);
            }
        }
  
   //以下是jquery的AJAX
   $(function(){
       $("#Button2").click(function(){
         var value=$("#Text1").val();
         $.post("ajaxTest.ashx?"+new Date(),{txt:value},function(data,textStatus){
              //  alert(data);
                var arry=$.parseJSON(data);
                alert(arry.Name);
                alert(textStatus);
        
         });
      //   alert(value);
       });
   })
  
    </script>

</head>
<body>
    <input id="Text1" type="text" />
    <input id="Button1" type="button" value="ajax测试" onclick="checka();" />
    <input id="Button2" type="button" value="ajax测试jquery"  />
    <input id="Text2" type="text" />
</body>
</html>
分享到:
评论

相关推荐

    【ASP.NET编程知识】ASP.NET使用Ajax返回Json对象的方法.docx

    通过创建一个 HTML 页面和一个 JS 文件,演示了如何使用 Ajax 提交表单数据并返回 Json 对象。 知识点一:使用 Ajax 提交表单数据 在 ASP.NET 中,可以使用 Ajax 提交表单数据,而不需要使用传统的 Form 提交方式...

    json2 ajax返回list处理 在jsp页面 遍历

    在这个场景中,JSON2库被用作JSON的一个支持库,可能是因为它提供了对老版本JavaScript中JSON对象的兼容。AJAX则用于异步地从服务器获取数据,而不用刷新整个页面。这里我们将深入探讨如何在JSP页面上处理通过AJAX...

    ajax返回json对象.zip

    "Ajax返回JSON对象"这个主题聚焦于Ajax如何处理JSON(JavaScript Object Notation)数据格式,这是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 1. **Ajax基础**: - **异步通信**:...

    下载json,ajax传送对象的好帮手

    至于压缩包中的文件“json”,可能是JSON的示例文件、教程文档,或者是用于处理JSON的JavaScript库,例如一个简化的JSON解析和序列化函数,或者是用来模拟AJAX请求的示例脚本。具体的内容需要打开文件才能详细查看和...

    AjaxJson 实例 AjaxJson

    在 JavaScript 中,可以通过 new XMLHttpRequest() 创建一个对象。 2. **配置请求**:设置请求类型(GET 或 POST)、URL、是否异步执行等参数。例如,`xhr.open('GET', 'data.json', true);` 3. **发送请求**:...

    一个简单的JSON+AJAX

    在"一个简单的JSON+AJAX"的例子中,我们可以推测这个压缩包可能包含了一个名为`json.js`的文件,该文件可能是实现了一个简单的AJAX请求,以JSON格式交换数据的示例。以下是一个可能的`json.js`实现: ```javascript...

    ajax+json实例

    客户端可能有一个HTML页面,通过JavaScript调用AJAX发送请求,服务器端使用.NET处理请求,将数据以JSON格式返回。例如,一个简单的获取用户信息的接口: ```javascript // 客户端AJAX请求 function getUserInfo() {...

    Struts2+JSON_实现AJAX_返回对象和列表

    为了实现返回一个结果对象,首先我们需要创建一个JavaBean作为值对象。在这个例子中,我们创建了名为`Users`的类,包含`userId`、`userName`和`sex`属性。每个属性都有对应的getter和setter方法,这是JavaBean规范的...

    处理ajax返回带有换行的json数据

    JSONP允许在HTML中嵌入一个`&lt;script&gt;`标签,其`src`属性指向服务端提供的回调函数,服务端将JSON数据包裹在一个JavaScript函数调用中返回。由于这是脚本标签,换行符不会导致问题,但这种方法要求服务端支持JSONP。 ...

    Ajax中使用JSON传输数据

    `json.js`文件可能是JavaScript中处理JSON的一个工具库,它提供了类似的功能,但用在客户端,帮助解析服务器返回的JSON字符串。例如,`eval()`或`JSON.parse()`函数可以用来解析JSON字符串为JavaScript对象: ```...

    Json+ajax简单实例

    首先,前端会创建一个新的XMLHttpRequest对象,然后打开一个到服务器的连接,并设置请求类型(GET或POST)、URL以及是否异步执行。接着,设置请求头信息,特别是对于JSON数据,通常需要设置"Content-Type"为...

    asp输出json对象实例

    - `ajaxShow.html`:这应该是一个使用AJAX的HTML页面,它会向服务器发送请求,并接收返回的JSON数据,然后在客户端解析并展示。 - `inc`:这可能是一个包含其他辅助文件的目录,如样式表(CSS)或包含通用函数的外部...

    Struts2+JSON 实现AJAX 返回对象和列表

    为了演示如何使用Struts2+JSON返回单个对象,我们首先定义一个简单的JavaBean类`Users`,它包含用户的基本信息: ```java package com.jsontostruts2.vo; public class Users { private Integer userId; private...

    JS中Json对象

    - `JSON.parse(jsonString)`: 将一个JSON字符串转换为JavaScript值。 #### 示例代码 ```javascript // 创建一个JavaScript对象 var person = { name: "张三", age: 30, isStudent: false, skills: ["编程", ...

    java对象转Json AjaxJson数据交换 需要用到的所有包

    "AjaxJson"可能指的是一个特定的框架或库,但通常在Java后端,我们可以创建一个RESTful API,接收并响应JSON数据。在Spring框架中,可以通过注解`@RestController`和`@RequestBody`轻松实现: ```java @...

    json对象如何返回

    json对象如何返回,当1个页面要请求json对象的时候可以用AJAX去请求指定的php文件,返回给本页面。

    json.rar_Highstock json_JSON_ajax json_json Ajax Java

    Highstock是Highcharts的一个扩展,专门用于绘制时间序列数据的股票或一般金融图表。它支持各种图表类型,如线图、柱状图、面积图等,并且提供了丰富的交互功能。 JSON在Highstock中的作用至关重要,因为Highstock...

    AjaxJson实体类与依赖包

    在实际应用中,当后端服务器处理完请求后,可以创建一个`AjaxJson`实例,设置相应的状态码和消息,如果有必要,还可以将处理结果封装到"data"属性中,然后将这个对象转换为JSON字符串,通过HTTP响应发送给前端。...

Global site tag (gtag.js) - Google Analytics