使用webform、websevice来进行ajax请求操作

通过使用webform(asp.net非mvc) 、webservice 作为请求接口在前台发送ajax请求:
1.前台代码:

 1 $.ajax({
 2     type: "POST",
 3     //方法所在页面和方法名
 4     url: "../ztest.aspx/GetHtmlJson",
 5     //一定要加上,不然服务端默认返回的是text/html ;charset=utf-8 格式的页面
 6     contentType: "application/json; charset=utf-8",
 7     dataType: "json",
 8     //此处一定要注意:一定要是json字符串的形式
 9     data: ‘{id:‘ + $("#htmlId").val() + ‘}‘,
10     beforeSend: function () {
11             index = layer.load(2);
12         },
13         success: function (data) {
14             //返回的数据用data.d获取内容
15             qjson = JSON.parse(data.d);
16             console.log(qjson);
17
18         },
19         error: function (err) {
20             console.log(err);
21         }
22 });

2.webform 后台代码:
ps:当后台返回数据中带有base64字符串的时候,反序列化json的时候,可能会报错json字符串超长的错误,此时需要在web.config文件中的configuration 节点下添加配置:

1 <system.web.extensions>
2 <scripting>
3 <webServices>
4 <jsonSerialization maxJsonLength="1024000000" />
5 </webServices>
6 </scripting>
7 </system.web.extensions>
 1 [WebMethod]//加上注解,使用静态方法
 2 public static string GetHtmlJson(int id)
 3 {
 4 //id = Convert.ToInt32();
 5 string htmlJson = string.Empty;
 6 if (id <= 0)
 7 {
 8 htmlJson = "";
 9 }
10 else
11 {
12 htmlJson = new BLL.BLL_CommonWrongTopic().GetHtmlJson(id);
13 }
14
15 return htmlJson;
16 }

原文地址:https://www.cnblogs.com/wangyuliang/p/10962743.html

时间: 2024-08-29 18:53:39

使用webform、websevice来进行ajax请求操作的相关文章

ajax请求操作实例

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS</title> <style> #box{ width:600px; height:200px; padding:20px; border:1px solid #999; } </style> </head> <

前端调错看ajax请求操作

---------------------------------------------------------------------------------------------------------------------------------------------------- 方法二: ------------------------------------------------------------------------------------------------

Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,拦截器Ajax请求

Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,拦截器Ajax请求 java 判断请求是不是ajax请求,Java判断是否为ajax请求 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ?Copyright 蕃薯耀 2017年8月10日 http://www.cnblogs.com/

ajax跨域请求操作实例

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS</title> <style> #box{ width:600px; height:200px; padding:20px; border:1px solid #999; } </style> </head> <

以ajax请求方式进行文件下载操作失败的原因及解决方案

一.失败的原因 那是因为response原因,一般请求浏览器是会处理服务器输出的response,例如生成png.文件下载等,然而ajax请求只是个“字符型”的请求,即请求的内容是以文本类型存放的.文件的下载是以二进制形式进行的,虽然可以读取到返回的response,但只是读取而已,是无法执行的,说白点就是js无法调用到浏览器的下载处理机制和程序. 二.解决方案 1)可以使用jquery创建表单并提交实现文件下载: var form = $("<form>"); form.

论如何把JS踩在脚下 —— JQuery基础及Ajax请求详解

一.什么是JQuery? JQuery是一种JavaScript框架,是一堆大神搞出来的能够让前端程序猿敲更少代码.实现更多功能的工具(在此,跪谢各位JQuery开发大大们!!!).JQuery的使用给优化HTML文档操作.事件处理.动画设计和Ajax交互提供了巨大的便利.而且,其特有的链式语法也较与JS更为清晰. 二.JQuery入门 想要使用JQuery框架,就必须在html文档中导入JQuery插件,导入方式和日常导入外部JS文件的方式是相同的.但要注意,在同一html文档中插入多个外部J

java Servlet Filter 拦截Ajax请求

在做登录验证的时候,拦截ajax请求,并给出提示,登录超时 java代码 String requestType = request.getHeader("X-Requested-With");//请求类型 判定是否为ajax请求 if("XMLHttpRequest".equalsIgnoreCase(requestType)){//ajax请求 response.setHeader("sessionstatus", "timeout&

解决浏览器跨域限制发送ajax请求

一.什么是浏览器跨域限制?本质是什么? 所谓浏览器跨域限制,其实是为了数据安全的考虑由Netscape提出来限制浏览器跨域访问数据的策略,这是一中约定,正式叫法为浏览器同源策略,目前已经在大多数浏览器中支持. 本质上,所谓浏览器同源策略即:不允许浏览器访问跨域的Cookie,ajax请求跨域接口等.也就是说,凡是访问与自己不在相同域的数据或接口时,浏览器都是不允许的. 最常见的例子:对于前后端完全分离的Web项目,前端页面通过rest接口访问数据时,会出现如下问题: 不允许发送POST请求:在发

dTree无限级文件夹树和JQuery同步Ajax请求

曾经都是用JQuery对树的支持来实现文件夹树的,近来闲来无事就弄了下dTree,感觉其无限级文件夹还是挺好的,并且它的使用也比較方便,基本上就是先把要用的js文件即dtree.js和css文件dtree.css引入,另外就是它默认的图片.当然这些图片都是能够自己指定的,它的css样式也能够自己改变的. 关于dTree就先谈谈它的node,dTree的node的构造方法能够指定下列參数, Js代码 id //唯一标识.数字型 pid//父节点的id,假设是根结点那就仅仅能是-1,一般来讲仅仅有一