首页 > 解决方案 > 带有重定向和回显到页面的 Ajax 值

问题描述

我已经使用 jquery 和 PHP 开发了网站,我已经使用 HTML,/ PHP 创建了一个页面,所以我想要的是如果我点击提交,项目 ajax 应该将值发送到 PHP 变量,然后执行 index.php 并获取该值另一个页面。

请帮我解决问题。

到目前为止,我已经尝试了以下方法:

索引.php

我的 Javascript 代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#btn").click(function() {
        var val = $("#number").val();
        $.ajax ({
             type: "POST",
            url: "ajax.php",
            data: { val : val },            
            dataType:'text',
            success: function( result ) {           
            // window.location.href = 'ajax.php'; 
            // alert(result);           
             }
        });
    });
});
    </script>

我的 HTML 代码

    <form name="numbers" id="numbers">
     <input type="text" name="number" id="number" >
     <button type="button" id="btn">Submit</button>
    </form>

ajax.php

    <?php
    session_start();
 $_SESSION['val'] = $_POST['val'];
print_r($_SESSION);
    ?>

标签: javascriptphpjqueryajax

解决方案


您可以将值存储在会话中并将用户重定向到其他页面并从其他页面的会话中获取数据。

<?php
session_start();
$_SESSION['data'] = $_GET['val'];
?>

您的 HTML 代码必须是这样的

    <form name="numbers" id="numbers">
     <input type="text" name="number" id="number">
     <button type="button" id="btn">Submit</button>
    </form>

对于重定向到其他页面,您可以使用类似

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#btn").click(function() {
        var val = "Hi";
        $.ajax ({
            url: "ajax.php",
            data: { val : val },
            success: function( result ) {     
             window.location.href = 'url';            
             }
        });
    });
});
</script>

推荐阅读