首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery在后台运行的多个页面上发布数据

Jquery在后台运行的多个页面上发布数据
EN

Stack Overflow用户
提问于 2016-04-02 11:17:27
回答 1查看 2.9K关注 0票数 0

如何在多个页面上执行Jquery发布数据。

例如,我使用三个页面,名为Page1、Page2、Page3。我需要从Page1 -> Page2和Page2 -> Page 3中发布数据。用户只在Page1上启动,所有其他功能都应该在后台执行。这有可能吗?

这是使用的代码。

Page1.php:

代码语言:javascript
运行
复制
<html>
<head><title>Page1</title></head>
<script src="/path to/jquery.min.js"></script>
<body>
<button  type="button" class="btn" id="bt">SEND</button>
<script>
var a1="Hello";
var b1="Testing Ajax";
$(function(){
$('#bt').click(function(){
 $.ajax({
      url: 'Page2.php',
        type: 'POST', 
       data: {'w1': a1,'w2':b1}, 
     alert("Data Sent...");     
        }, 
       error: function() {
         alert("Unable to send data now.");
        } 
   });}); }); 
</script>
</body>
</html>

Page2.php:

代码语言:javascript
运行
复制
<html>
<head><title>Page 2 </title></head>
<body>
<?
 $r1 = $_POST['w1'];
 $r2 = $_POST['w2'];
?>
<div id="dom1" style="display: none;">
<?php 
    $r1 = $_POST['w1'];
    echo htmlspecialchars($r1); 
?>
</div>
<div id="dom2" style="display: none;">
<?php 
   $r2= $_POST['w2'];
    echo htmlspecialchars($r2); 
?>
</div>  
<script>
var div1 = document.getElementById("dom1");
var m1 = div1.textContent;
//alert(m1);
var div2 = document.getElementById("dom2");
var m2 = div2.textContent;
//alert(m2);

 $.ajax({
      url: 'Page3.php',
        type: 'POST', 
       data: {'x1': m1,'x2':m2}, 
     alert("Data Sent...");     
        }, 
       error: function() {
         alert("Unable to send data now.");
        } 
   });

</script>
</body>
</html>

Page3.php:

代码语言:javascript
运行
复制
<html>
<head>
<title>Page3</title></head>
<body>
<div id="dom3">
<?php 
    $r1 = $_POST['x1'];
    echo htmlspecialchars($r1); 
?>
</div>
<div id="dom2">
<?php 
   $r2 = $_POST['x2'];
    echo htmlspecialchars($r2); 
?>
</div>
</body>
</html>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-02 12:04:11

有几种方法可以解决你的问题。

  1. PHP会话--您可以轻松地在每个页面中启动一个会话并发布--因此在下一个页面上,您可以通过会话轻松地访问您的数据。
  2. 使用表单并通过jQuery ajax请求发送表单,并将下一页上的表单值放入隐藏的输入元素中。
  3. 不要使用ajax。你真的不需要它,你可以从一个页面跳到另一个页面。看下面的例子。

在每3个给出的例子中,您应该考虑安全性问题,比如转义、post、vars等等。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36372539

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档