注意返回时,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(),这些函数简化了前端开发者与后端数据交互的过程。 ### 1. $.get() `$.get()`函数是最简单的一种异步请求方式,它发送一...
### jQuery $.post() 方法详解与 JSON 数据交互 在现代 Web 开发中,客户端与服务器端的数据交换是非常重要的一个环节。jQuery 提供了多种 AJAX 方法来简化这一过程,其中 `$.post()` 是一种常用的方式来实现客户端...
本篇将详细介绍如何解决jQuery跨域问题,涉及的方法包括$.get、$.post和$.getJSON等。 首先,我们需要理解什么是跨域。同源策略是浏览器为保障安全而实施的一项机制,它规定JavaScript只能访问与当前页面同源(协议...
在jQuery库中,$.post, $.get和$.getJSON是用于执行AJAX(Asynchronous JavaScript and XML)请求的三种主要方法,这些方法使得前端与后端服务器进行异步数据交互成为可能,无需刷新整个页面。接下来,我们将详细...
在上述示例中,我们使用了$.ajax方法,设置type为'POST',data为JSON对象,dataType为'json',以发送JSON数据到服务器并接收JSON响应: ```javascript $.ajax({ url: 'api.php', type: 'POST', data: JSON....
在jQuery中,有四种主要的Ajax方法用于与服务器进行异步数据交互,它们分别是$.get(), $.post(), $.ajax()和$.getJSON()。这些方法简化了JavaScript中的Ajax操作,使得开发者能够更加便捷地处理数据交互。 1. **$....
结合其他jQuery的Ajax方法,如`$.post()`和`$.getJSON()`,我们可以构建出功能丰富的、用户体验良好的Web应用。在实际开发中,理解并熟练运用这些工具至关重要,以便更好地优化和提升我们的项目。
- **$.get()** 和 **$.post()**:简化的 GET 和 POST 请求,用于快速实现数据交换。 - **$.getJSON()**:专为获取 JSON 数据设计的函数。 ### 2. 文件版本差异 - **jquery-3.2.0.js**:这是未压缩的版本,代码...
- `$.post()`则是`$.ajax()`的POST请求简写,用于向服务器发送数据。例如: ```javascript $.post('http://example.com/api/data', {key1: 'value1', key2: 'value2'}, function(response) { console.log('Data ...
- 在使用`contentType: "application/json"`时,确保服务器端能够正确解析JSON数据,并以JSON格式返回响应。 6. **总结**: 使用`contentType: "application/json"`可以更有效地传输和处理复杂数据结构。它要求`...
2. **`$.getJSON()`**: 这是jQuery提供的一个方便的Ajax方法,用于从服务器获取JSON数据。它接受URL、回调函数和可选的数据参数: ```javascript $.getJSON('data.json', function(data) { console.log(data....
在 jQuery 中,我们有几种不同的方法来实现 AJAX 请求,包括 $.ajax(), $.post(), 和 $.get()。 1. **$.ajax()**: 这是 jQuery 提供的最全面的 AJAX 方法,可以处理各种复杂的需求。其基本语法如下: ```...
2. 设置`dataType: 'json'`,让jQuery自动解析返回的数据。 3. 在回调函数中处理解析后的JSON数据。 4. 遵循同源策略,处理可能出现的跨域问题。 在提供的"WebTest10"文件中,可能包含了实现这些功能的示例代码,你...
无论是使用传统Ajax还是jQuery的$.post,后端(如Java、PHP、Node.js等)都需要处理请求并返回校验结果。通常,后端会查询数据库以确认用户名是否已被占用,然后返回一个JSON或字符串消息,如`{"success": true, ...
jQuery提供了$.ajax()、$.get()、$.post()等方法,使得异步数据请求更加容易。$.getJSON()专门用于获取JSON格式的数据,而$.load()则能将远程内容加载到指定元素中。 六、遍历和过滤 $.each()用于遍历数组或对象,$...
下面我们将详细解析`$.ajax()`方法中的各个参数及其使用场景。 #### 1. `url` - 类型:String - 默认值:当前页面地址 - 描述:指定请求的URL地址。这是发送请求的基本信息之一,必须正确填写目标服务器端点。 ##...
在文章提供的示例中,服务器返回了JSON格式的字符串,但在默认情况下,$.post方法将其当作纯文本处理,导致无法直接访问data对象中的属性。文中给出了解决方案: 1. 使用eval函数将JSON字符串转化为JSON对象。eval...
jQuery提供了`$.ajax()`、`$.get()`和`$.post()`等方法。当需要接收或发送JSON数据时,可以在请求参数中设置`dataType`为'json'。 1. 发送JSON数据到服务器: ```javascript $.ajax({ url: 'your_server_url', ...
在获取数据方面,jQuery提供了`$.ajax()`,`$.getJSON()`,`$.get()`和`$.post()`等方法。特别是`$.getJSON()`,它是用来从服务器获取JSON数据的简便方式。下面是一个使用`$.getJSON()`的例子: ```javascript $....