Ajax跨域的完美解决方案

2017年02月06日 101 阅读

公司要做一个活动页面，在其过程中发现所有的接口，ajax请求跨域。这里对跨域做个简单介绍以及提供几种解决办法。 由于浏览器实现的同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源，所以AJAX是不允许跨域的。这里提供自己常用的三种方法：1、jsonp访问 JSONP（JSON with Padding）是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callbac...

Ajax 实现加载进度条

2017年02月06日 96 阅读

ajax beforeSend:先说说这个 beforeSend， 在请求发送前执行 比如 可以判断用户有没有登录 ，如果没有登录就停止请求 并提示。$.ajax（{url : "my_action",dataType: "script",beforeSend : function（xhr, opts）{if（1 == 1） //just an example{xhr.abort（）; // 停止请求}},complete: function（）{cons...

Lavarel框架中使用ajax提交表单的方法

2017年02月06日 86 阅读

laravel简介：Laravel是一套简洁、优雅的PHP Web开发框架（PHP Web Framework）。它可以让你从面条一样杂乱的代码中解脱出来；它可以帮你构建一个完美的网络APP，而且每行代码都可以简洁、富于表达力。“开发”应当是一项富有创造性的脑力劳动，而不是枯燥的“垒代码“。开门见山,因为laravel以post形式提交数据时候需要加{{csrf_field（）}}防止跨站攻击,所以当你用ajax提交表单时候自然也要加。在网上看了很多的解决...

使用AJAX完成用户名是否存在异步校验

2017年02月06日 97 阅读

使用AJAX完成用户名是否存在异步校验:1.事件触发:* onblur2.编写AJAX代码:* 项Action中提交:传递username参数3.编写Action* 接收username:模型驱动接收.4.* 编写实体类* User* User.hbm.xml* 配置到spring中.5.编写DAO* 继承HibernateDaoSupport* 在配置中注入sessionFactory6.编写Service:* 注入UserDao* 事务管理:核心代码实...

Ajax提交参数的值中带有html标签不能提交成功的解决办法（ASP.NET）

2017年02月06日 105 阅读

最近在公司做资源及文章上传功能遇到一个小问题，被坑了好半天。 该功能就类似利用富文本编辑器发布信息，但是用Ajax提交数据，因此提交参数值中不可避免的含有html标签。 在本地运行代码一直没问题，总是可以提交成功，但是代码部署到线上就不能成功提交数据了，被坑了好久，找了好半天才找到问题所在。 提交不成功的原因是因为我的提交数据中含有html标签，然后直接无法请求到我的目标地址。 然后解决办法如下： 1、在页面用JS的Base64编码（类似加密）带有html...

Ajax post请求跳转页面

2017年02月06日 99 阅读

最近因为公司需求，需要ajax post请求并跳转界面，网上搜了一下资料，差不多都是用window.location.href来处理，但是在请求页面的地址栏中会暴露请求的参数，这是不安全的。$.post（url,{method:"regist",userName:$nameEle.val（）,email:$emailEle.val（）,password:$passwordEle.val（）},function（data） {//注册成功页面跳转，windo...

2017年02月06日 86 阅读

...

Ajax打开新窗口被浏览器拦截的两种解决办法

2017年02月06日 123 阅读

最近在做支付时发现打开支付窗口时被浏览器拦截了，百度了一下才发现是因为打开窗口前用ajax验证是否能支付，所以不是用户主动触发的打开ixin窗口，浏览器认为这样不安全，所以给拦截了。解决办法一先开始打开一个空的新窗口，然后改变新窗口的url，具体代码为var wd = window.open（）;$.ajax（{type: "POST",dataType: "json",url: URL,data: {orderNo:orderNo},success: f...

使用Ajax进行文件与其他参数的上传功能（java开发）

2017年02月06日 107 阅读

文件上传：记得前一段时间，为了研究Ajax文件上传，找了很多资料，在网上看到的大部分是form表单的方式提交文件，对于Ajax方式提交文件并且也要提交表单中其他数据，发现提及的并不是很多，后来在同事的帮助下，使用ajaxfileupload最终完成了文件上传与其他提交的操作，现在分享给大家，希望大家能有有所帮助。操作步骤：1 导入jar包：我们在使用文件上传时，需要使用到两个jar包，分别是commons-io与commons-fileupload，在这里...

解决微信返回上一页，页面中的AJAX的请求，对Get请求无效的问题

2017年02月06日 116 阅读

先给大家分析问题产生原因 最近在做一个微信的项目时，遇到一种很常见的情况，需求是这样的，当用户进入到“我的个人中心”的时候，会有一个点击跳转填写认证资料的按钮，点击此按钮后，会跳转到认证资料填写页面，填写资料，提交成功后。当用户直接返回到上一页的时候。需要修改认证状态为“认证中”。此时需要使用一个AJAX方法去查询认证状态，并修改页面的状态显示。当时没有按照标准的方法写ajax方法，默认使用的方法是Get请求，前台JS代码如下：window.onload ...

ajax实现异步文件或图片上传功能

2017年02月06日 123 阅读

大家好，这篇文章我要给大家分享一个网页文件上传功能的代码，希望大家可以有所参考，或者给我提些建议。众所周知现在的各大网站基本都设有文件上传功能，用户可以把自己喜欢的图片或其他文件放在网上存起来，以便以后用的时候方便去找，可是一个网页的文件上传功能究竟该怎么去设置呢？今天我就以图片上传为例向大家展示文件上传功能的具体步骤。其实文件上传有两种方法，一种是from表单submit提交，一种是ajax实现异步提交，可是form表单提交有个问题就是每次在上传完成时会...

ajax跨域访问报错501的解决方法

2017年02月06日 140 阅读

问题：ajax跨域访问报错501运行下面的代码会报错501$.ajax（{type: "POST",url: "http://192.168.1.202/sensordata.php",contentType:"application/json; charset=utf-8",data: JSON.stringify（ajaxPostData）,dataType:"json",success: function（data）{//On ajax succes...

AJAX显示加载中并弹出图层遮挡页面的实现示例

2017年02月06日 123 阅读

前言相信每位开发者都应该有所了解，当用户发出AJAX请求时，如果长时间处于请求阶段，而没有给出用户回应，会给用户造成错觉，导致用户以为我们的系统“没反应“了。这从某方面来讲是一种不友好。甚至有的时候，用户看不到想要的结果，就会不停的请求，这样会发生意想不到的后果。所以，当发出AJAX请求时，我们给出一定的措施，保证系统的正确运行和良好的用户体验。在这里，我使用的是：显示加载中图片，并弹出一个图层，使用户不能再次发出请求。实现方法HTML部分：<div...

通达OA 使用Ajax和工作流插件实现根据人力资源系统数据增加OA账号（图文详解）

2017年02月06日 103 阅读

本次小飞鱼开发的程序主要解决某下属公司在人力系统中增加账号不能马上审批完毕的问题，可以通过这个流程审批后由插件在后台判断自动增加OA账号，增加机制与hr与OA系统同步相同。只进行增加操作，没有修改、删除的操作。原有已经进行了两个系统的数据自动同步开发，因此这次的开发属于一个补充的内容，仅在此提供一个应用的思路和开发过程的探讨。前端发起人申请时填写hr系统中已经分配的工号，即可对应查询出其他相关数据。为了避免查出数据后对工号修改，增加一个确认工号输入框。其他...

关于Ajax请求中传输中文乱码问题的解决方案

2017年02月06日 101 阅读

今天遇到一个问题，有关ajax 请求中传输中文，遇到乱码的问题。如下代码：function UpdateFolderInfoByCustId（folderId, folderName, custId） {$.ajax（{type: "Post",contentType: "application/x-www-form-urlencoded; charset=utf-8",url: "http://localhost/CRM/Ashx/HandKBSuces...

使用ajax异步提交表单的几种方法总结

2017年02月06日 106 阅读

这里介绍三种常用的提交方式方式一手工收集所有的用户输入，封装为大的“k1=v1&k2=v2…”键值对形式，使用$.post（url, data,fn）把数据提交给服务器$.ajax（{ type:"post", url:"Notice_noTipsNotice", data:"k1=v1&k2=v2...", cache:false, dataType:"json", success:function（data）{ } }）; 方式二单序列化：$（"#my...

解决AJAX请求中含有数组的办法

2017年02月06日 93 阅读

大家应该都发现了当我们发送AJAX请求的数据中带有数组时，是不能像普通JSON数据一样，直接放在data里发送给后台比如有这样一个数据需要发送给后台：{"orderId": 22,"resourceJson": [{"carCapacity": 223,"carNumber": "123","driverInfo": "123","failReason": "3123123","id": 25,"ispass": 0,"lineId": 784,"load...

Ajax请求和Filter配合案例解析

2017年02月06日 115 阅读

案例引入现在有这样一个问题，就是在提交大片文字评论的时候，前台拿到数据之后给后台发送ajax请求，然后后台有一个防止SQL注入的Filter，这个Filter得到这个前台传过来的数据之后，进行合法性校验，如果没有校验成功，那么要跳转到error.jsp页面进行显示错误信息。现在让我们看看怎么实现这个需求。思路一：请求转发实现ajax请求$.ajax（{method:"post",url:"servlet/DemoServlet",dataType:"jso...

Ajax解决缓存的5种方法总结（推荐）

2017年02月06日 103 阅读

1、在ajax发送请求前加上 anyAjaxObj.setRequestHeader（“If-Modified-Since”,”0″）。2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader（“Cache-Control”,”no-cache”）。3、在URL后面加上一个随机数： “fresh=” + Math.random（）;。4、在URL后面加上时间搓：”nowtime=” + new Date（）.getTime（）;...

ajax快速解决参数过长无法提交成功的问题

2017年02月06日 147 阅读

查了很多资料都说，get方法的参数是有限制的，post方法的参数的长度是无限制，这也是post相比get的优势一直。在ajax中使用post方法，用常规的参数格式：param1=a1¶m2=a2 ，当参数长度过长时，依然提交不成功。比如我们经常这样写一个ajax的post请求：$.ajax（{type: "post",// post or getcontentType:"application/json;charset=utf-8",data: “...