主要将代码粘贴,通过阅读代码理解当中的相关逻辑。

html代码:

<form id="form1" runat="server">
  <p>
    评论:</p>
  <p>
    姓名:<input type="text" name="username" id="username1" /></p>
  <p>
    内容:<textarea name="content" id="content" rows="2" cols="20"></textarea></p>
  <p>
    <input type="button" id="send" value="提交" /></p>
  </form>
  <div class="comment">
    已有评论:</div>
  <div id="resText">
  </div>

js代码:

$("#send").click(function () {        $.get("doSave.ashx", {<span style="white-space:pre"> </span>  <span style="font-family: Arial, Helvetica, sans-serif;">   </span>//调用json插件
          u_name: $("#username1").val(),     //json数据/值对化
          u_cont: $("#content").val()
        }, function (data)
          var uName = data.username;      //注:此处的username与doSave.ashx中的dic.add("username",uname)中的username相相应的
          var uCont = data.content;
          var txtHtml = "<div class='comment'><h6>"
                   + uName + ":</h6><p class='para'>"
                   + uCont + "</p></div>"
          $("#resText").html(txtHtml);  //将返回的数据加入到页面上
        }, "json");
      })

插件代码:

<%@ WebHandler Language="C#" Class="doSave" %>using System;
using System.Web;public class doSave : IHttpHandler
{public void ProcessRequest(HttpContext context){  var dic = new System.Collections.Generic.Dictionary<string, object>();    //存储的集合
  string jsonStr = "{}";          //新建字符串jsonStr  context.Response.ContentType = "text/json";   //定义返回的内容类型为json  string uname = context.Request.QueryString[0];       //获取请求參数中第一个參数,也能够直接使用uname  string commet = context.Request.QueryString[1];      //定义字符串uname、commet为context请求查询的字符串context.Request.Params["username"];QyertStrubg:查询字符串  dic.Add("username", uname);              //将字符串加入到对象中  dic.Add("content", commet);  jsonStr = Newtonsoft.Json.JsonConvert.SerializeObject(dic);     //序列化集合为json字符串  context.Response.Write(jsonStr);}public bool IsReusable{
  get
  {
      return false;
  }}}

此处效果即为,在输入框中输入相关文字,点击提交,下方会自己主动将书写的文字进行展示,无需跳转其它页面。

Json实现异步请求(提交评论)相关推荐

  1. 网页上ajax异步加载数据,网页的异步请求(Ajax)

    JS原生Ajax操作(XMLHttpRequest) GET请求 var xmld=new XMLHttpRequest(); xmld.open("GET","wan. ...

  2. Ajax同步请求/异步请求(get|post)

    一.AJax同步请求 实现流程: 得到核心对象XMLHttpRequest对象 var xhr = new XMLHttpRequest(); 准备/打开请求 open(请求类型GET/POST,请求 ...

  3. 原生Ajax请求流程:同步请求、异步请求

    Ajax 异步无刷新技术 原生Ajax的实现流程 得到XMLHttpRequest对象 - var xhr = new XMLHttpRequest(); 打开请求 - xhr.open(method ...

  4. ajax异步请求——form表单提交 及 表单序列化提交

    ajax异步请求 AJAX介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方 ...

  5. Servlet学习DAY_02:重定向/ 文件上传/ Cookie和Session/ 导入一个工程 / 配置欢迎页面 / 同步请求和异步请求/JSON和AJax介绍 /过滤器

    重定向 重定向是服务器告诉客户端往指定的路径再次发出请求的指令 执行过程: 当服务器执行重定向方法时会给客户端返回302状态码和一个请求路径,浏览器接收到302后会立即往指定的路径再次发出请求 res ...

  6. springMVC获取异步请求的参数,返回异步请求数据(json),跨域访问简单了解,文件上传,与Restful风格

    springMVC获取异步请求的参数 JQuery发送异步请求回顾 <a href="javascript:void(0);" id="testAjax" ...

  7. ORM中的事务和锁、Ajax异步请求和局部刷新、Ajax文件上传、日期时间类型的Json、多表查询图书系统

    一.ORM中的事务和锁 事务 事务要确保原子性 """ 事务ACID原子性:不可分隔的最小单位一致性:跟原子性是相辅相成隔离性:事务之间相互不干扰持久性:事务一旦确认永久 ...

  8. JavaWeb-----Ajax异步请求 json对象 服务器如何返回json数据 使用ajax完成一个案例

    1. 回顾 1. servlet的生命周期: 2. filter: 过滤放行和拦截一些资源.比如:黑白名单,登录校验,编码设置等.    (1)创建一个类并实现Filter接口以及重写接口的抽象方法 ...

  9. form 表单提交时用ajax异步请求导致ajax请求结果无法接收问题

    1.背景描述,有个公司内部用的小系统,不想大动干戈用太多前端框架,就用HTML5写了个登陆页面,刚开始想着用form表单提交登陆账户信息.后来因为前后端分离,并且统一用ajax调用后台服务交互数据,因 ...

  10. java异步请求显示数据格式_JSON(四)——异步请求中前后端使用Json格式的数据进行交互...

    json格式的数据广泛应用于异步请求中前后端的数据交互,本文主要介绍几种使用场景和使用方法. 一,json格式字符串 functionsentAjax(){ $.ajax({ type:'POST', ...

最新文章

  1. Struts2问题总结
  2. pandas 判断某个变量出于某一个范围
  3. python 笔记:csv 读写
  4. 获取webbrowser中元素的屏幕坐标
  5. 如何判断对象是否存活之引用计数发
  6. java小编程--在一个A字符串中找到与B字符串一样的,返回B字符串出现的第一个位置
  7. 3m格式的文件怎么转换成mp3_一招就能让PDF与其他格式文件相互转换,这样的大招你值得拥有...
  8. 小甲鱼 OllyDbg 教程系列 (十二) : inline patch ( 内嵌补丁 ) 之 调用堆栈查找法
  9. Python爬虫从入门到放弃(十三)之 Scrapy框架的命令行详解
  10. Ubuntu下Tomcat连接MySql数据库
  11. 第四季-专题3-嵌入式Linux内核制作
  12. 视频时帧率达到15,人眼就感觉是连续的
  13. excel表格换行快捷键_excel常用快捷键分享
  14. 使用脚本自制 SSL 域名证书
  15. centos7.6安装maven
  16. animate.css的使用
  17. Java命令行开关_java命令行操作
  18. 安利几本好看的书给你
  19. 苹果iPhone 7价格差很多,谨慎购买!
  20. 小学计算机编制考试笔记,分享教师编制考试,经验心得~~

热门文章

  1. 我的IOS学习历程-第三天
  2. UVA 1637 Double Patience
  3. Python 入门演示
  4. python3.x Day3 文件编码
  5. spring4.x的一些新特性
  6. 5.27 indeed 第三次网测
  7. eclipse启动tomcat无法访问的解决方法(转)
  8. 自创一种新的方法建立 平衡二叉树(AVL)
  9. Android心得1.5--第一次搭建Android环境的心得和第一个应用程序部分代码解析
  10. 全国省市县无刷新级联菜单