这个可以通过jQuery框架轻松实现,jQuery中包含多种ajax的请求方式,详细可以参考下对应 的API。
你上面定义的按钮类型是submit,如果是在form当中,将会自动提交当前form表单,建议,如果可能的话将其修改为button类型。
下面给出通过jQuery的$.post方式,异步获取服务器的JSON数据。
功能代码:
<script type="text/javascript">$(function(){
// 定义存放服务器返回值的变量
var jsonData = null
$('#submitBtn').click(function(){
// 请求的参数
var params = {}
$.post('json.json', params, function(data){
// 这里data就是返回的JSON对象
jsonData = data
alert(jsonData.name)
}, 'json')
})
})
</script>
完整代码:
<html><head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html charset=GBK">
<script type="text/javascript" src="
<script type="text/javascript">
$(function(){
// 定义存放服务器返回值的变量
var jsonData = null
$('#submitBtn').click(function(){
// 请求的参数
var params = {}
$.post('json.json', params, function(data){
// 这里data就是返回的JSON对象
jsonData = data
alert(jsonData.name)
}, 'json')
})
})
</script>
</head>
<body>
<div>
<input type="button" value="提交" id="submitBtn"/>
</div>
</body>
</html>
如果服务器使用的IP是内网IP(比如192.168开头的那种),那是肯定无法从外网直接访问的(想想全世界会有多少个和你服务器IP相同的机子吧),外网只能访问到你的路由器(或者硬件防火墙)的外网端口(它的IP是一个公网IP地址)如果你需要从外网访问内网的服务器,你必须在你的路由器(或防火墙)的外网端口配置NAT,将这个外网IP的指定端口映射到你的内网服务器上(这叫做端口映射)
比如说你这是一台Web服务器,启用了80端口,你需要在路由器上为外网端口配置NAT,将这个外网IP的80端口映射到你这台服务器IP的80端口,配置完成后,你可以在外网用这台路由器的公网IP来访问到你的这台内网服务器的Web页(当然你在外网只能用公网IP访问.网时服务器
1.安装nodejs服务(从官网下载安装),node相当于apache服务器2.在自己定义的目录下新建服务器文件如 server.js
例如,我在E:\PhpProject\html5\websocket下创建了server.js文件
var http = require('http')//引入http模块
//开启服务,监听8888端口
//端口号最好为6000以上
var server = http.createServer(function(req,res){
console.log('有客户端连接')//创建连接成功显示在后台
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)