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

发布网友发布时间：2022-05-10 13:00

我来回答

共5个回答

懂视网时间：2022-05-10 17:21

js请求php不跳转可以使用AJAX技术。

什么是AJAX？

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。

Ajax 是一种用于创建快速动态网页的技术，在无需重新加载整个网页的情况下，能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

js请求php示例：

<input type="text" id="textarea1">
<button id="sub">提交</button>

// 引入jQuery.js库文件，jQuery为我们封装好了ajax请求的方法，不需要自己写
<script type="text/javascript" src="jquery.js"></script>
<script>
	$(document).ready(function(){
		$('#sub').click(function(){
			var val=$('textarea1').val();
			$.post('savexml.php',{"val":val},function(data){
				json = eval("(" + data + ")");
				if(json.status==1){//提交ajax请求成功
				//处理
				}else{//失败
				//处理
			}
		});
		},'json');
	});
</script>

更多PHP相关知识，请访问PHP中文网！

热心网友时间：2022-05-10 14:29

这个可以通过jQuery框架轻松实现，jQuery中包含多种ajax的请求方式，详细可以参考下对应的API。

你上面定义的按钮类型是submit，如果是在form当中，将会自动提交当前form表单，建议，如果可能的话将其修改为button类型。

下面给出通过jQuery的$.post方式，异步获取服务器的JSON数据。

功能代码：

完整代码：

<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>

热心网友时间：2022-05-10 15:47

首先把submit改成button 然后再函数里用ajax提交获取数据后局部刷新即可

热心网友时间：2022-05-10 17:22

jquery:$.ajax( {
cache : false,

url : 'action!method',
type : 'post',
dataType : 'json',
data : {
param1:xxi',
param2:'xx'
},
success : function(json) {
alert('ok');
},
error : function(json) {
alert("出错了！");
}
});

热心网友时间：2022-05-10 19:13

ajax

简单就用jquery