一，查看修改后的js 文件是否更新到tomcat的项目文件夹下，如果没有就是myelipse 问题，不自动发布。看看 project ->build auto...是否设置。如还没有用考虑换版本，我用8.5 没问题。
二，如已经更新到了，tomcat 下，则试下将页面设置为不缓存，并刷新页面后，用firebug 看看，js 是否更新过来。iE 的话可以将改 js 地址输入地址栏
这篇文章主要介绍了node.js+Ajax实现获取HTTP服务器返回数据，讲解的十分详细，也给出了很多的实例，是篇非常不错的文章，这里推荐给大家。我们看一个HTML5页面中通过AJAX请求的方式获取HTTP服务器返回数据的代码示例.由于我们把服务器的端口指定为1337,并将从端口为80的网站中运行HTML5页面,因此这是一种跨域操作,需要在HTTP响应头部中添加Access_Control_Allow_Origin字段,并且将参数指定为允许向服务器请求数据额域名+端口号(省略端口号时允许该域名下的任何端口向服务器请求数据),
静态页面:index.html(注:一定要放在服务器环境下,如果是win7系统的话,可以开启IIS服务,并把页面考过去直接运行这个页面,)
复制代码
代码如下:
<!DOCTYPE
html>
<html>
<head lang="en">
<meta
charset="UTF-8">
<title>node中的ajax请求(html5页面)</title>
<script
type="text/javascript">
function GetData(){
var
xhr=new XMLHttpRequest()
xhr.open("GET","http://localhost:1337/",true)
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
document.getElementById("res").innerHTML=xhr.responseText
}
}
}
xhr.send(null)
}
</script>
</head>
<body>
<input type="button"
value="获取数据" onclick="GetData()" />
<div
id="res">dsdf</div>
</body>
</html>
node代码:
复制代码
代码如下:
var http=require("http")
var
server=http.createServer(function(req,res){
if(req.url!=="/favicon.ico"){
res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":"http://localhost"})
res.write("你好啊!")
}
res.end()
})
server.listen(1337,"localhost",function(){
console.log("开始监听...")
})
首先开启服务:node server.js
启动静态页面:
点击按钮"获取数据"
如果大家觉得需要配置服务器环境太麻烦,可以借用编辑器的优势来做.
比如我用的是webstrom 8.0
当我启动页面的时候,浏览器中显示的是这个路径:
端口是63342.这个时候我们队代码做一些修改:
node的 server.js代码:
复制代码
代码如下:
var http=require("http")
var
server=http.createServer(function(req,res){
if(req.url!=="/favicon.ico"){
res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":"http://localhost:63342"})
//res.setHeader()
res.write("你好啊!")
}
res.end()
})
server.listen(1337,"localhost",function(){
console.log("开始监听...")
})
修改了"Access-Control-Allow-Origin"的值.
重新运行demo会发现,达到同样的效果
也可以通过res.seetHeader来单独设置响应头部.
可以将上面的res.writeHead()改成res.setHeader()
复制代码
代码如下:
var http=require("http")
var
server=http.createServer(function(req,res){
if(req.url!=="/favicon.ico"){
//res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":"http://localhost:63342"})
res.setHeader("Content-Type","text/plain")
res.setHeader("Access-Control-Allow-Origin","http://localhost:63342")
res.write("你好啊!")
}
res.end()
})
server.listen(1337,"localhost",function(){
console.log("开始监听...")
})
细心的同学可能发现了,利用setHeader的方法时,缺少了一个状态码,比如200.那么我们在使用res.setHeader的时候,如何来设置状态码呢?等会上代码
ajax在服务器端返回的时候日期:
我们可以在服务器端返回时,删除这个字段.
设置res.sendData=false
首先看你有没有使用第三方js库，例如jquery 在没有使用jquery等第三方库的情况下，首先要获得该元素，原生js可以使用document.getElementById(id)方法通过input元素的id来获得该元素对象，然后通过对象的value属性来控制input的数据，
