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实现表头固定效果的实例代码
May 24 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 Javascript
Node.js实现简单聊天服务器
Jun 20 Javascript
Javascript解析URL方法详解
Dec 05 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
针对初学者的jQuery入门指南
Aug 15 Javascript
Angular表单验证实例详解
Oct 20 Javascript
JS轮播图实现简单代码
Feb 19 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
Vue中的vue-resource示例详解
Nov 02 Javascript
JavaScript静态作用域和动态作用域实例详解
Jun 17 Javascript
vue移动端下拉刷新和上滑加载
Oct 27 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
PHP微信开发之有道翻译
2016/06/23 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
Yii2 hasOne(), hasMany() 实现三表关联的方法(两种)
2017/02/15 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
传智播客学习之java 反射
2009/11/22 Javascript
jquery 合并内容相同的单元格(示例代码)
2013/12/13 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
2015/01/31 Javascript
js注册时输入合法性验证方法
2017/10/21 Javascript
Angular5集成eventbus的示例代码
2018/07/19 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
小程序日历控件使用方法详解
2018/12/29 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
[00:50]深扒TI7聊天轮盘语音出处6
2017/05/11 DOTA
Linux下Python获取IP地址的代码
2014/11/30 Python
python统计文本字符串里单词出现频率的方法
2015/05/26 Python
python实现文件快照加密保护的方法
2015/06/30 Python
Python SVM(支持向量机)实现方法完整示例
2018/06/19 Python
python 获取微信好友列表的方法(微信web)
2019/02/21 Python
windows10下安装TensorFlow Object Detection API的步骤
2019/06/13 Python
pandas如何处理缺失值
2019/07/31 Python
Win 10下Anaconda虚拟环境的教程
2020/05/18 Python
Python中的全局变量如何理解
2020/06/04 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
三星法国官方网站:Samsung法国
2019/10/31 全球购物
读书活动总结
2014/04/28 职场文书
初中班级口号
2014/06/09 职场文书
学生实习证明模板汇总
2014/09/25 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
培训计划通知
2015/07/15 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书
详解Java实践之适配器模式
2021/06/18 Java/Android
Java Socket实现多人聊天系统
2021/07/15 Java/Android
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server
MySql分区类型及创建分区的方法
2022/04/13 MySQL