您的位置：首页 > Web前端 > JQuery

JQuery.AJAX中的post方法

2014-04-23 14:13 190 查看

一、post.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>Jquery_Ajax_post请求</title>
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#divPost").click(function(){
$.post("post.ashx",{CId:$("#columnId").val()},function(data){
//[{"id":"28","Title":"一级栏目(1)"},{"id":"29","Title":"一级栏目(1)"}]
$('#showPost ul').html("");
for(var i=0;i<data.length;i++)
{
var li = $("<li></li>").html(data[i].Title);
$("#showPost ul").append(li);
}
},"json");
});
});
</script>
</head>
<body>
<div>栏目Id:<input id="columnId" type="text"/></div>
<div id="divPost">点击：【Jquery_Ajax_post请求】</div>
<div id="showPost"><ul></ul></div>

</body>
</html>

二、post.ashx

<%@ WebHandler Language="C#" Class="post" %>

using System;
using System.Web;

using System.Data.SqlClient;
using System.Data;
using System.IO;
using Newtonsoft.Json;
using Newtonsoft.Json.Converters;
public class post : IHttpHandler {

public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
SqlConnection conn = new SqlConnection("server=.;database=LTArticle;uid=sa;pwd=;");
conn.Open();
String CId = context.Request.Form["CId"];
SqlCommand com = new SqlCommand("select id,Title from LT_Article where ColumnId=" + CId, conn);
SqlDataReader sdr = com.ExecuteReader();

StringWriter sw = new StringWriter();
JsonWriter writer = new JsonWriter(sw);
writer.WriteStartArray();  // [
while (sdr.Read())
{
writer.WriteStartObject(); // {
for (int i = 0; i < sdr.FieldCount; i++)
{
writer.WritePropertyName(sdr.GetName(i).Trim());  //行的列名
writer.WriteValue(sdr[i].ToString());
}
writer.WriteEndObject();  // }
}
writer.WriteEndArray(); // ]
context.Response.Write(sw.GetStringBuilder().ToString());

}

public bool IsReusable {
get {
return false;
}
}

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航