jQuery post数据至ashx实例详解


Posted in Javascript onNovember 18, 2016
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进行数据交互。

参考下面代码示例:
jQuery post数据至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:
jQuery post数据至ashx实例详解

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过来的数据:

jQuery post数据至ashx实例详解

下面我们尝试在实际环境中,Post一个数据如 “1628”,在FireFox的firebug看到传送结果如下:
jQuery post数据至ashx实例详解

在ashx中,接收到的结果如下:
jQuery post数据至ashx实例详解

 再进一步得到top的值:
jQuery post数据至ashx实例详解

最后得到的是term的值:
jQuery post数据至ashx实例详解

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
IE bug table元素的innerHTML
Jan 11 Javascript
Javascript+CSS3实现进度条效果
Oct 28 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
整理关于Bootstrap排版的慕课笔记
Mar 29 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
使用vue如何构建一个自动建站项目
Feb 05 Javascript
js构建二叉树进行数值数组的去重与优化详解
Mar 26 Javascript
微信小程序实现弹出菜单
Jul 19 Javascript
详解@angular/cli 改变默认启动端口两种方式
Nov 29 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
Mar 04 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 #Javascript
基于jQuery的checkbox全选问题分析
Nov 18 #Javascript
JavaScript动态数量的文件上传控件
Nov 18 #Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
Nov 18 #Javascript
Node.js 实现简单小说爬虫实例
Nov 18 #Javascript
基于jQuery的select下拉框选择触发事件实例分析
Nov 18 #Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
Nov 18 #Javascript
You might like
DedeCms模板安装/制作概述
2007/03/11 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
浅析PHP 中move_uploaded_file 上传中文文件名失败
2019/04/17 PHP
一个轻量级的javascript库 pj介绍
2010/12/19 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
javascript实现图片跟随鼠标移动效果的方法
2015/05/13 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
浅谈jQuery中的checkbox问题
2016/08/10 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
详解Javascript 中的 class、构造函数、工厂函数
2017/12/20 Javascript
详解vue添加删除元素的方法
2018/06/30 Javascript
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
超轻量级的js时间库miment使用解析
2019/08/02 Javascript
js 获取扫码枪输入数据的方法
2020/06/10 Javascript
Python unittest模块用法实例分析
2018/05/25 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
python利用opencv实现SIFT特征提取与匹配
2020/03/05 Python
Python扫描端口的实现
2021/01/25 Python
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
办公室主任职责范文
2013/11/08 职场文书
优秀员工年终发言演讲稿
2014/01/01 职场文书
工厂实习感言
2014/01/14 职场文书
项目投资建议书
2014/05/16 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
群众路线四风自我剖析材料
2014/10/08 职场文书
党员示范岗材料
2014/12/19 职场文书
经典导游欢迎词
2015/01/26 职场文书
交心谈心活动总结
2015/05/11 职场文书
教师远程研修感悟
2015/11/18 职场文书
礼仪培训心得体会
2016/01/22 职场文书
原生JS中应该禁止出现的写法
2021/05/05 Javascript
vue实现同时设置多个倒计时
2021/05/20 Vue.js