jQuery post數據至ashx實例詳解

2019-11-19 18:55:36

字體：大中小

來源：轉載

供稿：網友

public void ProcessRequest(HttpContext context)    {      context.Response.ContentType = "application/json";      context.Response.ContentEncoding = Encoding.UTF8;      Stream inputStream = context.Request.InputStream;      Encoding encoding = context.Request.ContentEncoding;      StreamReader streamReader = new StreamReader(inputStream, encoding);      string strJson = streamReader.ReadToEnd();      Param p = JsonConvert.DeserializeObject<Param>(strJson);      int top = Convert.ToInt32(p.Top);      string term = p.Term;            //var result = ...      //context.Response.Write(result.ToJson());    }Source Code

jQuery post數據至ashx

今天給大家分享一個小功能，在jQuery環境中，Post data to ashx進行數據交互。

參考下面代碼示例：

$.ajax({           url: '<%= ResolveUrl("~/Handlers/xxx.ashx") %>',              dataType: "json",              type: "POST",              contentType: "application/json; charset=utf-8",              data: JSON.stringify({                top: 10,                term: request.term              }),              success: function (data) {                //...              }            });

jQuery的Post值是使用type: "POST"，上傳的數據類型為contentType: "application/json; charset=utf-8"。

從代碼示例中，它有2個參考需要上傳，top，term。

為了更好在ashx能接收，我們寫一個model:

using System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for Param/// </summary>namespace Insus.NET{  public class Param  {    private int _top;    public int Top    {      get { return _top; }      set { _top = value; }    }    private string _term;    public string Term    {      get { return _term; }      set { _term = value; }    }  }}

在ashx處理程序中，我們可以同下面這樣接收Post過來的數據：