注意返回时,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方法解析返回的json数据功能。分享给大家供大家参考,具体如下: 最近在用jQuery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,...
使用ajax在前端验证是否执行某个操作 jquery.post参数为 url,... 代码如下: $.post(‘admin/HhCheckVote.do?ids=’ + ‘${ids}’, {}, function(flag) { if(flag.isVote==”true”){ document.getElementById(“jvF
简单易用的高层实现见 $.get, $.post 等。 $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 注意: 如果你指定了 dataType 选项,请确保服务器...
本文实例讲述了php+jQuery递归调用POST循环请求的方法。... $.post(url,post,function(data){ if(data.status){ _post(data.back.url,data.back.data); } },json); } PHP代码: $data = array('back'=>array
本文实例讲述了jQuery使用ajax传递json对象到服务端及contentType的用法。分享给大家供大家参考,具体如下: 0、一般情况下,通过键值对的方式将参数传递到服务端 0.1 客户端代码: $.ajax({ url: 'TestHandler....
首先看一下jquery的get()和post()语法。get()方法是从服务器获得数据,其主要参数就是获得后台请求地址,以及负责处理的回调函数: $.get(URL,callback); $(button).click(function(){ $.get(demo_test.php,...
blank”>jquery ajax同步方式 代码如下:$.ajax({url : ‘test.php’,type : ‘post’,async: false,//使用同步的方式,true为异步方式data : {‘act’:’addvideo’, ‘videoname’:videoname},//这里使用json对象...
jQuery ajax、post、get、json格式传递数据例子 jQuery ajax、post、get、json格式传递数据例子
前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端 这里使用servlet的方式 1、采用$.post方法 index.jsp页面 <!DOCTYPE ...
用了post方法去处理ajax回调的json数据,死活取不到,后台就是有json返回了,关于这个问题的解决方法如下,你若遇到可以看看
jQuery ajax中数据以键值对(Key/Value)的形式...下面是使用serialize()序列化表单的实例: 代码如下:$.ajax({ type: “POST”, url: ajaxCallUrl, data: “Key=Value&Key2=Value2”, success: function(msg){ale
6.2.2 $.post()请求数据/172 6.2.3 serialize()序列化表单/175 6.3 $.ajax()方法/177 6.3.1 $.ajax()的基本概念/177 6.3.2 $.ajaxSetup()设置全局Ajax /181 6.4 Ajax中的全局事件/184 6.4.1 Ajax全局事件的...
本文实例讲述了jQuery访问json文件中数据的方法。分享给大家供大家参考,具体如下: 有时候我们可能需要用到json文件存储数据,然后通过前台语言直接进行访问。 首先是json文件: { "管道": [ { "ElementId": ...
第一个案例:jquery 遍历json对象集合 常用示例 jsp中 $.ajax({ url: ${applicationScope.rootpath}common/getContractPage.html?userConId=${userConId}, type: post, dataType:json, data: {}, success: ...
jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...
使用jquery实现ajax同样异常简单 代码 (1) $.get("search. do",{id:1},rend); function rend(xml){ alert(xml); } (2) $.post("search. do",{id:1},rend); function rend(xml){ alert(xml); } (3) $...
$.ajax({ type:"POST", dataType: "json", url:"<%=basePath%>UserInfoServlet", data:"doaction=userList", success:function(data){ createShowingTable(data); } } ); } //动态的创建一个table ...
代码如下: $.ajax({ type: “POST”, url:url, async:false, data: param, contentType:”json”, success:function(date){ if(date.success){ } }, error:function(date){ } });
官方的文档,还有Demo示例: $("#flex1").flexigrid({ url: 'post2.php', dataType: 'json', colModel : [ {display: 'ISO', name : 'iso', width : 40, sortable : true, align: 'center'}, {display: 'Name'...
AJAX示例(节点/快速/猫鼬) 目的 进行AJAX调用以演示服务器与客户端之间的交互的示例。 解释什么是AJAX。 什么是AJAX? AJAX代表异步Javascript和XML。 分解: 异步-不会同时发生。 在这种情况下,AJAX使您可以与...