angular ajax请求 结果显示显示两次的问题

angular 项目中，由于用到ajax 请求，结果显示如下情况

同样的接口，显示两次，其中第一次请求情况为

request method 显示为opttions

第二次的情况是

为啥会出现如此的情况呢，是因为

调用的接口与发送ajax的页面存在跨域的问题

因此先需要一次HTTP OPTIONS请求，来判断对应server是否允许资源访问。

返回成功后，在调用post访问

参考文章http://stackoverflow.com/questions/12111936/angularjs-performs-an-options-http-request-for-a-cross-origin-resource

时间： 2025-01-05 00:33:53

angular ajax请求 结果显示显示两次的问题的相关文章

Ajax请求过程中显示“进度”的简单实现

Ajax在Web应用中使用得越来越频繁.在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求):调用完成后,图片消失,当前页面运行重新编辑.以下图为例,页面中通过一个Load链接以Ajax请求的方式加载数据(左).当用户点击该链接之后,Ajax请求开始,GIF图片显示“Loading“状态,同时当前页面被“罩住”防止用户继续点击Load按钮(中):Ajax请求

发送ajax请求实现上传图片显示在网页上

1 <?php 2 // 1,通过超全局变量来获取files[上传的图片名称] 3 $file = $_FILES["files"] 4 // 2,在通过strrchr来获取图片的格式 5 $ext = strrchr($file['name'],'.'); 6 // 3,通过uniqid函数随机获取文件名避免名称重复覆盖 7 $filename = uniqid().$exe; 8 // 4,可以把获取的图片的名称存在session里面,以免后面用到,这步可写可不写; 9 se

ajax请求需要注意的两个地方

1.在url地址后边以请求字符串(传递的get参数信息)形式传递参数 2.对中文.=.&等特殊符号处理 对特殊符号的处理: 在浏览器里通过get参数传递一些特殊符号信息会被误解混淆,例如& =等. 为了避免特殊符号被误解产生歧义,需要对其进行编码处理 1).在php里边可以使用函数urlencode/urldecode对特殊符号进行编码.反编码处理,(url_encode()可以把中文转变为浏览器可以识别的信息.编码后的信息为%号后接两个16进制数) 2).在javascript里边可以通

【转】angular Ajax请求

1.http请求 基本的操作由 $http 服务提供.它的使用很简单,提供一些描述请求的参数,请求就出去了,然后返回一个扩充了 success 方法和 error 方法的 promise对象(下节介绍),你可以在这个对象中添加需要的回调函数. [javascript] view plaincopy var TestCtrl = function($scope, $http){ var p = $http({ method: 'GET', url: '/json' }); p.success(fu

struts2 ajax请求发现执行action两次原因

struts2中使用json插件执行ajax处理时,如果方法名是get方法的时候,方法会莫名其妙的执行两次. 原因: struts2 中JSON的原理是在ACTION中的get方法都会序列化,所以前面是get的方法只要没指定不序列化,都会执行解决方法 Action中的业务方法前别加get 或者 set(属性的get set 除外) 用 @JSON(serialize=false)指定方法不序列化如import com.googlecode.jsonplugin.annotations.JSON;

多个ajax请求下等待条显示和隐藏的简单处理

处理为遇到ajax请求就显示等待条,直到所有的ajax请求执行完毕才关闭等待条.比较简单,源码如下(基于jQuery) //基于jQuery //从第一个ajax请求发出开始显示等待条?直到一系列ajax请求全部结束才关闭等待条. //任何ajax触发了ajaxSend事件会显示等待框,所有的ajax都执行完成(ajaxComplete事件)才会关闭等待框 $(function(){ //需要监听的ajax的url var listenUrls = [], //等待条选择器 loadingSel

SpringMVC进行Ajax请求页面显示乱码

最近在项目的使用过程中发现在springmvc的项目中,使用返回页面的请求方式,数据都能正常显示,但是对于ajax的请求,始终显示乱码. 首先第一种是因为我们在web.xml中配置了spring的字符编码过滤器,那么使用ajax请求为什么就不行了呢? 下面简单的分析一下,仅供参考. 先列出简单的请求代码: //Java代码 @Controller @RequestMapping("Goods") public class GoodsController { @RequestMappin

jquery ajax请求方式与提示用户正在处理请稍等，等待数据返回时loading的显示

1.jquery ajax请求方式与提示用户正在处理请稍等 为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实现 初次使用$.ajax() ,我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面.异步和同步:同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是——浏览器会锁定页面(即所谓的页面假死状态),用户不能操作其它的,必

Bootstrap_Datatable Ajax请求两次问题的解决

最近一个项目中使用JQuery Datatable,用起来比较方便,但在测试过程中,发现当条件改变时,有时查询结果中的数据不正确. 使用FireBug跟踪时,发现在使用Ajax请求时,点击一次搜索按钮,却发送了两次请求,一次是原条件的请求,一次是新的请求. 下面是查询按钮的代码.先判断是否是Datatable,如果是的话,先Destroy掉,再重新创建. [javascript] view plaincopy function search(data) { var $searchResult =