您的位置：首页 > 运维架构 > 反向代理

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

2015-09-09 11:53 656 查看

<!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;
#    }
#}

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航