js请求服务器,并返回信息,请求过程中不需要跳转页面

js请求服务器,并返回信息,请求过程中不需要跳转页面,第1张

这个可以通过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('有客户端连接')//创建连接成功显示在后台


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/528853.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-06-23
下一篇2023-06-23

发表评论

登录后才能评论

评论列表(0条)

    保存