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 相关文章推荐
JQuery动画animate的stop方法使用详解
May 09 Javascript
关于js二维数组和多维数组的定义声明(详解)
Oct 02 Javascript
Webpack打包css后z-index被重新计算的解决方法
Jun 18 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
Bootstrap Table 搜索框和查询功能
Nov 30 Javascript
Vue中自定义全局组件的实现方法
Dec 08 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
Aug 20 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
继承行为在 ES5 与 ES6 中的区别详解
Dec 24 Javascript
Vue自定义组件的四种方式示例详解
Feb 28 Javascript
微信小程序实现选择地址省市区三级联动
Jun 21 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
PHP截取指定图片大小的方法
2014/12/10 PHP
php实现高效获取图片尺寸的方法
2014/12/12 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
PHP面试题之文件目录操作
2015/10/15 PHP
php实现的mysqldb读写分离操作类示例
2017/02/07 PHP
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
浅谈JavaScript异步编程
2017/01/20 Javascript
js实现添加删除表格(两种方法)
2017/04/27 Javascript
微信小程序上传图片到服务器实例代码
2017/11/07 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
2017/12/11 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
javascript function(函数类型)使用与注意事项小结
2019/06/10 Javascript
快速解决pandas.read_csv()乱码的问题
2018/06/15 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
python利用itertools生成密码字典并多线程撞库破解rar密码
2019/08/12 Python
python实现广度优先搜索过程解析
2019/10/19 Python
Python编程快速上手——strip()函数的正则表达式实现方法分析
2020/02/29 Python
基于python和flask实现http接口过程解析
2020/06/15 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
selenium+python实现基本自动化测试的示例代码
2021/01/27 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
墨西哥皇宫度假村预订:Palace Resorts
2018/06/16 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
在职研究生自我鉴定
2013/10/16 职场文书
竟聘演讲稿范文
2013/12/31 职场文书
视光学专业自荐信
2014/06/24 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
常务副县长“三严三实”对照检查材料思想汇报
2014/10/05 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
云台山导游词
2015/02/03 职场文书
小学体育教学随笔
2015/08/14 职场文书
多线程Spring通过@Scheduled实现定时任务
2022/05/25 Java/Android