服务器端解决JS跨域调用问题

 

一. 使用JSONp方式调用

  不做详细讲解,可以参考jq文档

 

二. 服务端配置

  修改Web.config 文件

  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true"></modules>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*"/>
        <add name="Access-Control-Allow-Headers" value="Content-Type"/>
        <add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE"/>
      </customHeaders>
    </httpProtocol>
  </system.webServer>

  客户端调用代码如下

var param = {};
        var msg = "dafdasfdsaf";
        param["userName"] = "1";
        param["passWord"] = "1";
        param["code"] = "3323";
        $.ajax({
            url: "http://www.ts-wms.com/UserAjax/Login?t=" + Math.random(),
            data: param,
            type: "post",
            async:false,
            success: function (result) {
                alert(result);
                msg = result;
            }
        });
        alert(msg+"ddddddddddFFFFFFFFFFFFFFFF");

  经过测试调用成功,可以用于手机端的调用

作者:情缘

出处:http://www.cnblogs.com/qingyuan/

关于作者:从事仓库,生产软件方面的开发,在项目管理以及企业经营方面寻求发展之路
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。

联系方式: 个人QQ  821865130 ; 仓储技术QQ群 88718955,142050808 ;

吉特仓储管理系统 开源地址: https://github.com/hechenqingyuan/gitwms

 

时间: 2024-09-17 21:55:08

服务器端解决JS跨域调用问题的相关文章

js跨域调用WebService的简单实例_AJAX相关

步骤1.   在web.config中的system.web节点里加入 <!--此节点可允许脚本跨域调用webservice--> <webServices> <protocols> <add name="HttpPost"/> <add name="HttpGet"/> </protocols> </webServices> <!--此节点可允许脚本跨域调用webservic

PHP json格式和js json格式 js跨域调用实现代码_php技巧

先看一个js函数 复制代码 代码如下: function jsontest() { var json = [{'username':'crystal','userage':'20'},{'username':'candy','userage':'24'}]; alert(json[1].username); var json2 = [['crystal','20'],['candy','24']]; alert(json2[0][0]); } 这个函数,第一个alert(json[1].user

Apache设置反向代理解决js跨域问题

这是一个很简单的方案,通过启用Apache反向代理解决js跨域问题 为什么要这么做? 在现在的开发过程中大家会遇到这样一个问题:后端代码写好之后,前端的小伙伴需要将后端代码部署到本地才能正常使用api.若直接使用远程服务器上的api(例如测试服务器上的api)就会出现js跨域问题,导致无法使用远程服务器上的api.将后端代码部署到前端小伙伴的本地会出现以下几个问题: 前端小伙伴下载后端代码到本地并配置,花时间! 后端代码有更新之后,前端小伙伴也需要更新本地的后端代码,花时间! 前端小伙伴本地安装

js跨域调用WebService的简单实例

步骤1.   在web.config中的system.web节点里加入 <!--此节点可允许脚本跨域调用webservice--> <webServices> <protocols> <add name="HttpPost"/> <add name="HttpGet"/> </protocols> </webServices> <!--此节点可允许脚本跨域调用webservic

关于js跨域调用的问题

问题描述 如题,关于跨域调用js的问题已经被提过很多了,高手们有什么好的建议?目前我们采用了js将数据放入本地剪切板的方法,但是用起来会弹出来浏览器警告,用户体验很差,还有没有其他的方式可以绕过去这个问题?补充一下:被调用的页面里的js方法还要获取调用者页面的对象数据. 解决方案 被调用的页面里的js方法还要获取调用者页面的对象数据!!这个貌似随着各大浏览器的升级,都不允许这样做了.除非跨域的服务器端代码你可以控制.如果不是的话,还是不要费劲了.就算现在你找到了方法,随着浏览器的升级就又不能用了

反向代理(Apache、Nginx)解决JS跨域问题

写在前面 之前介绍了JSONP的跨域方式,那是利用前端方案解决跨域问题.跨域问题也可以用后端方案解决,比如CORS(Cross-Origin-Resource-Shares).方向代理等.今天介绍下反向代理如何解决跨域问题. Apache和Nginx都可以实现反向代理,下面分别介绍下Apache和Nginx如何通过反向代理解决跨域问题. Apache Apache mod_proxy模块实现了代理/网关的功能,他实现了以下协议的代理-FTP.CONNECT(用于SSL).HTTP0.9.HTTP

js跨域调用:利用js进行跨页面调用

今天遇到一个个js问题:B通过window.open()打开A,我要判断B页面的函数是否存在,如果存在,则A页面的按钮c不显示.可以这样解决function func_in_a(){if( opener.func_in_b )c.style.display="none";} 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130308/36982.html

JavaScript跨域调用基于JSON的RESTful API_javascript技巧

1. 基本术语 AJAX(Asynchronous JavaScript And XML,异步JavaScript和XML):AJAX是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. JSON(JavaScript Object Notation):JSON是一种轻量级的数据交换格式,可以看成是由大括号包裹起来的多个"key/value"对,格式如下:{"f

5种处理js跨域问题方法汇总_javascript技巧

前两天碰到一个跨域问题的处理,使用jsonp可以解决.(http://www.jb51.net/article/57889.htm) 最近再整理了一下: 1.jsonp.    ajax请求,dataType为jsonp.这种形式需要请求在服务端调整为返回callback([json-object])的形式.如果服务端返回的是普通json对象.那么调试的时候,在chrome浏览器的控制台会报"Uncaught SyntaxError: Unexpected token"错误:在fire