JS请求服务器,并返回信息,请求过程中不需要跳转页面
2014-08-25 16:31
239 查看
js请求服务器,并返回信息,请求过程中不需要跳转页面
这个可以通过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>
json.json文件内容:
{ "name" : "Steven", "sex" : "Male", "age" : 10 }
相关文章推荐
- js点击返回跳转到指定页面实现过程
- JS请求服务器并使页面跳转
- JS请求服务器并使页面跳转(转)
- js点击返回跳转到指定页面实现过程
- HTTP协议中GET、POST和HEAD的介绍 2008-05-10 14:15 GET: 请求指定的页面信息,并返回实体主体。 HEAD: 只请求页面的首部。 POST: 请求服务器接受所指定的文
- 一个封装的在后台弹出JS Alert消息和JS confirm信息以及跳转到指定的页面
- java请求WEB服务器 获取页面返回,且支持HTTPS,获取cret证书
- java网络编程二:服务器处理多个用户请求的解决方案(返回多个用户输入的信息)
- JS实现几秒后跳转页面并返回剩余的时间
- js弹出提示信息,然后跳转到另一页面
- Asp.net页面生命周期详解任我行(3)-服务器处理请求详细过程
- ajax请求返回的页面不跳转
- JS后退一页, JS返回上一页代码, JS返回下一页,JS返回第几页,JS页面跳转, JS引用JS
- spring mvc 从页面请求到 经过后台返回 数据页面的过程
- web 开发,个人中心每个请求,判断用户是否登录,若没有登录,则跳转到登录页面,登录成功后返回之前页面
- 当 jquery 发送 ajax 请求的时候遇到服务端session过期超时返回 302 跳转登陆页面的时候怎么办的处理方法
- js弹出提示信息,然后跳转到另一页面
- 一个封装的在后台弹出JS Alert消息和JS confirm信息以及跳转到指定的页面
- java网络编程二:服务器处理多个用户请求的解决方案(返回多个用户输入的信息)
- 关于js处理ajax请求返回json数据时出现页面缓存的解决方案(适用于showdialog)