使用Nginx反向代理解决AJAX跨越问题

来源：互联网发布：bim模拟施工软件编辑：程序博客网时间：2024/04/28 14:44

<!DOCTYPE html><html>    <head>        <title>AJAX</title>        <script type="text/javascript" src="./js/jquery.min.js"></script>        <script type="text/javascript">            $(document).ready(function(){                $("button").click(function(){                    $.ajax({                        type: "POST",                        async: true,                        contentType: "application/json; charset=UTF-8",                        url: "jsonrpc.php",                        data: "{ \"jsonrpc\": \"2.0\", \"method\": \"jsonrpc\", \"id\": \"1\" }",                        dataType: "json",                        crossDomain: true,                        success: function(){                            alert("succeed");                        },                        error: function(){                            alert("failed");                        }                    });                });            });        </script>    </head>    <body>            <button>提交</button>    </body></html>

<!DOCTYPE html><html>    <head>        <title>AJAX</title>        <script type="text/javascript" src="./js/jquery.min.js"></script>        <script type="text/javascript">            var xmlHttpRequest = null;            function ajaxRequest()            {                            if(window.ActiveXObject)    // IE浏览器                {                    xmlHttpRequest = new ActiveXObject('Microsoft.XMLHTTP');                }                else if(window.XMLHttpRequest)    // 除IE以外的其他浏览器                {                    xmlHttpRequest = new XMLHttpRequest();                }                if(xmlHttpRequest == null)                {                    alert ("Your browser does not support xmlHttpRequest!");                    return;                }                xmlHttpRequest.open("POST", "jsonrpc.php", true);                xmlHttpRequest.onreadystatechange = ajaxCallBack;                xmlHttpRequest.setRequestHeader("Content-Type", "text/json; charset=UTF-8; application/x-www-form-urlencoded");                var json_req = document.getElementById("json_req").value;                xmlHttpRequest.send(json_req);            }                function ajaxCallBack()            {                if(xmlHttpRequest.readyState == 4)                {                    if(xmlHttpRequest.status == 200)                    {                        var json_res = xmlHttpRequest.responseText;                        document.getElementById("json_res").innerHTML = json_res;                    }                }            }        </script>    </head>    <body>            请求: <input type="text" id="json_req"/><br>        响应: <output type="text" id="json_res"/><br>        <input type="button" id="submit" value="提交" onclick="ajaxRequest()"/>    </body></html>

#user  nobody;worker_processes  1;#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {    worker_connections  1024;}http {    include       mime.types;    default_type  application/octet-stream;    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '    #                  '$status $body_bytes_sent "$http_referer" '    #                  '"$http_user_agent" "$http_x_forwarded_for"';    #access_log  logs/access.log  main;    sendfile        on;    #tcp_nopush     on;    #keepalive_timeout  0;    keepalive_timeout  65;    #gzip  on;    server {        listen       80 default;        server_name  localhost;        #charset koi8-r;        #access_log  logs/host.access.log  main;        location / {            root   html;            index  index.html index.htm;        }        location = /JavaScriptAJAX.html {            root   html;        }        location = /jQueryAJAX.html {            root   html;        }        location = /jsonrpc.php {            proxy_pass  http://127.0.0.1:1990/jsonrpc.php;        }        #error_page  404              /404.html;        # redirect server error pages to the static page /50x.html        #        error_page   500 502 503 504  /50x.html;        location = /50x.html {            root   html;        }        # proxy the PHP scripts to Apache listening on 127.0.0.1:80        #        #location ~ \.php$ {        #    proxy_pass   http://127.0.0.1;        #}        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000        #        #location ~ \.php$ {        #    root           html;        #    fastcgi_pass   127.0.0.1:9000;        #    fastcgi_index  index.php;        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;        #    include        fastcgi_params;        #}        # deny access to .htaccess files, if Apache's document root        # concurs with nginx's one        #        #location ~ /\.ht {        #    deny  all;        #}    }    # another virtual host using mix of IP-, name-, and port-based configuration    #    #server {    #    listen       8000;    #    listen       somename:8080;    #    server_name  somename  alias  another.alias;    #    location / {    #        root   html;    #        index  index.html index.htm;    #    }    #}    # HTTPS server    #    #server {    #    listen       443 ssl;    #    server_name  localhost;    #    ssl_certificate      cert.pem;    #    ssl_certificate_key  cert.key;    #    ssl_session_cache    shared:SSL:1m;    #    ssl_session_timeout  5m;    #    ssl_ciphers  HIGH:!aNULL:!MD5;    #    ssl_prefer_server_ciphers  on;    #    location / {    #        root   html;    #        index  index.html index.htm;    #    }    #}}

0 0