web app中ajax获取数据要注意的几点

最新推荐文章于 2021-08-06 16:47:39 发布

原创最新推荐文章于 2021-08-06 16:47:39 发布 · 4.1k 阅读

1 ·

CC 4.0 BY-SA版权

App开发专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决跨域问题的方法、如何禁用jQuery $.ajax的缓存，以及提供了一个用于按比例缩放图片的实用JavaScript代码。通过在PHP中设置header来允许任意来源请求，使用$.ajax的cache属性为false避免缓存，以及实现一个自定义的图片缩放函数，以适应不同屏幕尺寸的需求。

1、跨域的问题

跨域的时候，会没有权限获取数据

解决：以php为例，在function首行加入

header("Access-Control-Allow-Origin: *");

2、缓存

jquery $.ajax中设置 cache:false

3、dataType的格式

jquery $.ajax dataType的格式

另外分享一个在web app中实用的js代码，按比例缩放图片

$("#body img").each(function(){
                   var image = $(this);
                   if(image.width()>280){
                       var width=280;

                       var m = image.height() / image.width();
                       if(image.width()>width)
                       {
                          image.width(width);
                          image.height(width*m);
                       // image.wrap("<a href='"+image.attr("src")+"' target='_blank'></a>").css("border","0");
                       }
                   }
                   });