Json实现异步请求(提交评论)
主要将代码粘贴,通过阅读代码理解当中的相关逻辑。
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实现异步请求(提交评论)相关推荐
- 网页上ajax异步加载数据,网页的异步请求(Ajax)
JS原生Ajax操作(XMLHttpRequest) GET请求 var xmld=new XMLHttpRequest(); xmld.open("GET","wan. ...
- Ajax同步请求/异步请求(get|post)
一.AJax同步请求 实现流程: 得到核心对象XMLHttpRequest对象 var xhr = new XMLHttpRequest(); 准备/打开请求 open(请求类型GET/POST,请求 ...
- 原生Ajax请求流程:同步请求、异步请求
Ajax 异步无刷新技术 原生Ajax的实现流程 得到XMLHttpRequest对象 - var xhr = new XMLHttpRequest(); 打开请求 - xhr.open(method ...
- ajax异步请求——form表单提交 及 表单序列化提交
ajax异步请求 AJAX介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方 ...
- Servlet学习DAY_02:重定向/ 文件上传/ Cookie和Session/ 导入一个工程 / 配置欢迎页面 / 同步请求和异步请求/JSON和AJax介绍 /过滤器
重定向 重定向是服务器告诉客户端往指定的路径再次发出请求的指令 执行过程: 当服务器执行重定向方法时会给客户端返回302状态码和一个请求路径,浏览器接收到302后会立即往指定的路径再次发出请求 res ...
- springMVC获取异步请求的参数,返回异步请求数据(json),跨域访问简单了解,文件上传,与Restful风格
springMVC获取异步请求的参数 JQuery发送异步请求回顾 <a href="javascript:void(0);" id="testAjax" ...
- ORM中的事务和锁、Ajax异步请求和局部刷新、Ajax文件上传、日期时间类型的Json、多表查询图书系统
一.ORM中的事务和锁 事务 事务要确保原子性 """ 事务ACID原子性:不可分隔的最小单位一致性:跟原子性是相辅相成隔离性:事务之间相互不干扰持久性:事务一旦确认永久 ...
- JavaWeb-----Ajax异步请求 json对象 服务器如何返回json数据 使用ajax完成一个案例
1. 回顾 1. servlet的生命周期: 2. filter: 过滤放行和拦截一些资源.比如:黑白名单,登录校验,编码设置等. (1)创建一个类并实现Filter接口以及重写接口的抽象方法 ...
- form 表单提交时用ajax异步请求导致ajax请求结果无法接收问题
1.背景描述,有个公司内部用的小系统,不想大动干戈用太多前端框架,就用HTML5写了个登陆页面,刚开始想着用form表单提交登陆账户信息.后来因为前后端分离,并且统一用ajax调用后台服务交互数据,因 ...
- java异步请求显示数据格式_JSON(四)——异步请求中前后端使用Json格式的数据进行交互...
json格式的数据广泛应用于异步请求中前后端的数据交互,本文主要介绍几种使用场景和使用方法. 一,json格式字符串 functionsentAjax(){ $.ajax({ type:'POST', ...
最新文章
- Struts2问题总结
- pandas 判断某个变量出于某一个范围
- python 笔记:csv 读写
- 获取webbrowser中元素的屏幕坐标
- 如何判断对象是否存活之引用计数发
- java小编程--在一个A字符串中找到与B字符串一样的,返回B字符串出现的第一个位置
- 3m格式的文件怎么转换成mp3_一招就能让PDF与其他格式文件相互转换,这样的大招你值得拥有...
- 小甲鱼 OllyDbg 教程系列 (十二) : inline patch ( 内嵌补丁 ) 之 调用堆栈查找法
- Python爬虫从入门到放弃(十三)之 Scrapy框架的命令行详解
- Ubuntu下Tomcat连接MySql数据库
- 第四季-专题3-嵌入式Linux内核制作
- 视频时帧率达到15,人眼就感觉是连续的
- excel表格换行快捷键_excel常用快捷键分享
- 使用脚本自制 SSL 域名证书
- centos7.6安装maven
- animate.css的使用
- Java命令行开关_java命令行操作
- 安利几本好看的书给你
- 苹果iPhone 7价格差很多,谨慎购买!
- 小学计算机编制考试笔记,分享教师编制考试,经验心得~~