`
冷寒冰
  • 浏览: 250946 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery:$.post() 返回json,并解析json 示例

 
阅读更多
注意返回时,json的格式最好是"key":"value"的形式,否则有时会取不到返回值。



ja_PostJson.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        body {
            font-size: 12px;
        }

        .comment {
            margin-top: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            background: #DDD;
        }

            .comment h6 {
                font-weight: 700;
                font-size: 14px;
            }

        .para {
            margin-top: 5px;
            text-indent: 2em;
            background: #DDD;
        }
    </style>
    <script src="jquery-1.3.1.js" type="text/javascript"></script>
    <script type="text/javascript" >
        $(function () {
         
            $("#send").click(function () {
                $.post("post3.aspx", {
                    username: $("#username").val(),
                    content: $("#content").val(),
                    count:"0"
                }, function (data, textStatus) {
                  
                    debugger;
                
                    var j = eval(data);
                    //var j= eval('(' +data+ ')');
                    var username =j.username;
                    var content = j.content;
                 
                   // alert(content);
                    //alert(j.count);
                 
                    if (j != null)
                    {
                      
                      
                        $.each(j, function (idx, item)
                        {
                         
                            alert(item.username);
                            alert(item.content);
                            alert(item.sex);
                          
                          
                        });
                    }
             
                },"json");
            })
        })
    </script>
</head>
<body>
    <form id="form1">
        <p>评论:</p>
        <p>
            姓名:
            <input type="text" name="username" id="username" />
        </p>
        <p>
            内容:
            <textarea id="content"></textarea>
        </p>
        <p>
            <input type="button" id="send" value="提交" />
        </p>
    </form>


    <div class='comment'>已有评论:</div>
    <div id="resText">
    </div>

</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WDEDUCLoudDEV
{
    public partial class post3 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
         
            Response.ContentType = "application/json";
            string username = Request["username"];
            string content = Request["content"];
           string count = "7";
           string sex = "male";
          //Response.Write("{ \"username\":'" + username + "',\"content\" : '" +content +"',\"count\":'" + count + "'}");
           Response.Write("[{ \"username\":'" + username + "',\"content\" : '" + content + "',\"count\":'" + count + "',\"sex\":'" + sex + "'}]");
             
        }
    }
}
分享到:
评论

相关推荐

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    而Jquery库提供了一系列封装好的Ajax函数,如$.get(), $.post(), $.ajax(), 和$.getJSON(),这些函数简化了前端开发者与后端数据交互的过程。 ### 1. $.get() `$.get()`函数是最简单的一种异步请求方式,它发送一...

    jquery $.post()的用法 传递json文本 客户端和服务器端相互传递

    ### jQuery $.post() 方法详解与 JSON 数据交互 在现代 Web 开发中,客户端与服务器端的数据交换是非常重要的一个环节。jQuery 提供了多种 AJAX 方法来简化这一过程,其中 `$.post()` 是一种常用的方式来实现客户端...

    解决JQurey跨域问题$.get|$.post|$.getJSON等等统统可跨域

    本篇将详细介绍如何解决jQuery跨域问题,涉及的方法包括$.get、$.post和$.getJSON等。 首先,我们需要理解什么是跨域。同源策略是浏览器为保障安全而实施的一项机制,它规定JavaScript只能访问与当前页面同源(协议...

    jQuery的3种请求方式$.post,$.get,$.getJSON

    在jQuery库中,$.post, $.get和$.getJSON是用于执行AJAX(Asynchronous JavaScript and XML)请求的三种主要方法,这些方法使得前端与后端服务器进行异步数据交互成为可能,无需刷新整个页面。接下来,我们将详细...

    jQuery+get/post+Ajax+Json

    在上述示例中,我们使用了$.ajax方法,设置type为'POST',data为JSON对象,dataType为'json',以发送JSON数据到服务器并接收JSON响应: ```javascript $.ajax({ url: 'api.php', type: 'POST', data: JSON....

    Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    在jQuery中,有四种主要的Ajax方法用于与服务器进行异步数据交互,它们分别是$.get(), $.post(), $.ajax()和$.getJSON()。这些方法简化了JavaScript中的Ajax操作,使得开发者能够更加便捷地处理数据交互。 1. **$....

    学习jQuery中的Ajax——$.get()方法

    结合其他jQuery的Ajax方法,如`$.post()`和`$.getJSON()`,我们可以构建出功能丰富的、用户体验良好的Web应用。在实际开发中,理解并熟练运用这些工具至关重要,以便更好地优化和提升我们的项目。

    jquery-3.2.0.js,jquery-3.2.0.min.js

    - **$.get()** 和 **$.post()**:简化的 GET 和 POST 请求,用于快速实现数据交换。 - **$.getJSON()**:专为获取 JSON 数据设计的函数。 ### 2. 文件版本差异 - **jquery-3.2.0.js**:这是未压缩的版本,代码...

    jQuery ajax、post、get、json格式传递数据例子

    - `$.post()`则是`$.ajax()`的POST请求简写,用于向服务器发送数据。例如: ```javascript $.post('http://example.com/api/data', {key1: 'value1', key2: 'value2'}, function(response) { console.log('Data ...

    $.ajax中contentType: “application/json” 的用法详解

    - 在使用`contentType: "application/json"`时,确保服务器端能够正确解析JSON数据,并以JSON格式返回响应。 6. **总结**: 使用`contentType: "application/json"`可以更有效地传输和处理复杂数据结构。它要求`...

    jQuery json

    2. **`$.getJSON()`**: 这是jQuery提供的一个方便的Ajax方法,用于从服务器获取JSON数据。它接受URL、回调函数和可选的数据参数: ```javascript $.getJSON('data.json', function(data) { console.log(data....

    jQuery Ajax 实例详解 ($.ajax、$.post、$.get)

    在 jQuery 中,我们有几种不同的方法来实现 AJAX 请求,包括 $.ajax(), $.post(), 和 $.get()。 1. **$.ajax()**: 这是 jQuery 提供的最全面的 AJAX 方法,可以处理各种复杂的需求。其基本语法如下: ```...

    使用jquery的方式通过ajax处理json格式的数据

    2. 设置`dataType: 'json'`,让jQuery自动解析返回的数据。 3. 在回调函数中处理解析后的JSON数据。 4. 遵循同源策略,处理可能出现的跨域问题。 在提供的"WebTest10"文件中,可能包含了实现这些功能的示例代码,你...

    ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)

    无论是使用传统Ajax还是jQuery的$.post,后端(如Java、PHP、Node.js等)都需要处理请求并返回校验结果。通常,后端会查询数据库以确认用户名是否已被占用,然后返回一个JSON或字符串消息,如`{"success": true, ...

    jQueryDemo(JQuery常用操作2005)

    jQuery提供了$.ajax()、$.get()、$.post()等方法,使得异步数据请求更加容易。$.getJSON()专门用于获取JSON格式的数据,而$.load()则能将远程内容加载到指定元素中。 六、遍历和过滤 $.each()用于遍历数组或对象,$...

    JQ中$.ajax()方法详解

    下面我们将详细解析`$.ajax()`方法中的各个参数及其使用场景。 #### 1. `url` - 类型:String - 默认值:当前页面地址 - 描述:指定请求的URL地址。这是发送请求的基本信息之一,必须正确填写目标服务器端点。 ##...

    jquery.post用法之type设置问题

    在文章提供的示例中,服务器返回了JSON格式的字符串,但在默认情况下,$.post方法将其当作纯文本处理,导致无法直接访问data对象中的属性。文中给出了解决方案: 1. 使用eval函数将JSON字符串转化为JSON对象。eval...

    jquery-json使用

    jQuery提供了`$.ajax()`、`$.get()`和`$.post()`等方法。当需要接收或发送JSON数据时,可以在请求参数中设置`dataType`为'json'。 1. 发送JSON数据到服务器: ```javascript $.ajax({ url: 'your_server_url', ...

    对象转换为JSON数据格式&使用JQuery获取数据

    在获取数据方面,jQuery提供了`$.ajax()`,`$.getJSON()`,`$.get()`和`$.post()`等方法。特别是`$.getJSON()`,它是用来从服务器获取JSON数据的简便方式。下面是一个使用`$.getJSON()`的例子: ```javascript $....

Global site tag (gtag.js) - Google Analytics