jquery跳转页面传递参数
时间: 2023-07-31 10:13:28 浏览: 112
可以使用jQuery的ajax方法来实现跳转页面传递参数。
首先,在原页面中使用ajax方法向目标页面发送参数,例如:
```
$.ajax({
type: "POST",
url: "targetPage.html",
data: {param1: "value1", param2: "value2"},
success: function() {
window.location.href = "targetPage.html";
}
});
```
其中,type指定请求类型,url指定目标页面地址,data指定要传递的参数,success回调函数中使用window.location.href跳转到目标页面。
然后,在目标页面中可以使用jQuery的param方法获取传递的参数,例如:
```
var params = $.param({
param1: "value1",
param2: "value2"
});
```
params的值为"param1=value1¶m2=value2",可以根据需要进行处理和使用。
注意:以上方法仅适用于在同一个域名下跳转页面传递参数。如果跨域名跳转页面传递参数,需要使用其他方法,例如使用URL参数传递参数或者使用localStorage等本地存储方式传递参数。
相关问题
ajax请求页面跳转传递参数
可以使用AJAX进行页面跳转并传递参数,具体步骤如下:
1. 通过AJAX向服务器发送请求,获取需要跳转的页面以及传递的参数。
2. 在页面加载完成后,使用JavaScript将获取到的参数填充到页面中。
3. 使用JavaScript实现页面跳转。
下面是一个示例代码:
```
//使用jQuery发送AJAX请求
$.ajax({
url: "yourpage.html",
data: {param1: "value1", param2: "value2"},
success: function(data){
//页面加载完成后将参数填充到页面中
$("#content").html(data);
//使用JavaScript实现页面跳转
window.location.href = "yourpage.html";
}
});
```
在上述代码中,我们通过AJAX向服务器发送请求,传递了参数param1和param2。当服务器返回数据后,我们将数据填充到页面中,并使用JavaScript实现了页面跳转。
jQuery mobile 超链接传递中文参数
您可以使用encodeURIComponent()函数对中文参数进行编码,然后将编码后的参数作为查询字符串附加到超链接中。
以下是一个示例:
```html
<a href="target.html?param1=<%=encodeURIComponent('中文参数')%>">跳转</a>
```
在目标页面中,您可以使用JavaScript的decodeURIComponent()函数对编码后的参数进行解码。
```javascript
var param = decodeURIComponent(location.search.replace('?param1=', ''));
console.log(param); // 输出:中文参数
```
这样就可以在jQuery Mobile中传递中文参数了。
阅读全文