PHP jquery 中的代码无效

Question

//我的jquery

$(document).ready(function() {
    var form = $('#form1'); // contact form
    var submit = $('#submit1'); // submit button
    var alert = $('.alert1'); // alert div for show alert message

// form submit event
form.on('submit', function(e) {
    e.preventDefault(); // prevent default form submit
    // sending ajax request through jQuery
    $.ajax({
        url: 'giftcard_check.php', // form action url
        type: 'POST', // form submit method get/post
        dataType: 'html', // request type html/json/xml
        data: form.serialize(), // serialize form data 
        beforeSend: function() {
            alert.fadeOut();
            submit.html('Checking....'); // change submit button text
        },
        success: function(data) {
            alert.html(data).fadeIn(); // fade in response data
            form.trigger('reset'); // reset form
            submit.html('Apply'); // reset submit button text
            var $container = $("#result1");
            var refreshId = setInterval(function()
            {
                $container.load("result.php?code=<?php echo $variable; ?>");
            }, 500);
        },
        error: function(e) {
            console.log(e)
        }
    });
});
});

在 jquery 中使用 php 代码时，上述代码不起作用。如果我不使用 php 代码，它工作正常。但我想将会话变量发送到另一个页面 (result.php)。我该如何解决这个问题。有什么方法吗

Answer 1

使用下面的代码。将 php 会话分配给 javascript 变量。确保此代码在侧 PHP 文件中。 php 在 .js 文件中不起作用

  var sessionID = "<?php echo $_SESSION['id']; ?>";  
 $(document).ready(function() {
   var form = $('#form1'); // contact form
   var submit = $('#submit1'); // submit button
   var alert = $('.alert1'); // alert div for show alert message

   form.on('submit', function(e) {
     e.preventDefault(); // prevent default form submit
// sending ajax request through jQuery
     $.ajax({
      url: 'giftcard_check.php', // form action url
      type: 'POST', // form submit method get/post
      dataType: 'html', // request type html/json/xml
      data: form.serialize(), // serialize form data 
      beforeSend: function() {
        alert.fadeOut();
        submit.html('Checking....'); // change submit button text
      },
      success: function(data) {
        alert.html(data).fadeIn(); // fade in response data
        form.trigger('reset'); // reset form
        submit.html('Apply'); // reset submit button text
        var $container = $("#result1");
        var refreshId = setInterval(function()
        {
            $container.load("result.php?code="+sessionID);
        }, 500);
      },
      error: function(e) {
        console.log(e)
      }
   });
  });
});

Answer 2

换个角度看

你可以在你的 html 上做这样的事情：

<form>
<input type="submit" id="f_the_world" data-session-id="<?php echo $variable; ?>"/>
</form>

然后在你的 JS 上

$(document).ready(function() {
    var form = $('#form1'); // contact form
    var submit = $('#submit1'); // submit button
    var alert = $('.alert1'); // alert div for show alert message

// form submit event
form.on('submit', function(e) {
    e.preventDefault(); // prevent default form submit
    // sending ajax request through jQuery
    $.ajax({
        url: 'giftcard_check.php', // form action url
        type: 'POST', // form submit method get/post
        dataType: 'html', // request type html/json/xml
        data: form.serialize(), // serialize form data 
        beforeSend: function() {
            alert.fadeOut();
            submit.html('Checking....'); // change submit button text
        },
        success: function(data) {
            alert.html(data).fadeIn(); // fade in response data
            form.trigger('reset'); // reset form
            submit.html('Apply'); // reset submit button text
            var $container = $("#result1");
            var refreshId = setInterval(function()
            {
                var code = $('#f_the_world').attr('data-session-id');
                $container.load("result.php?code=".code);
            }, 500);
        },
        error: function(e) {
            console.log(e)
        }
    });
});
});

在客户端脚本上看到服务器脚本感觉不对

Answer 3

为什么要将会话 ID 发送到下一页...存储会话值在服务器中。您可以从任何页面访问会话值。

Answer 4

我们可以通过添加session_start()轻松获取result.php中的session变量；在 result.php 的开头。这样我们就可以访问创建的会话变量。

Answer 5

第一步：在您的 jQuery 代码编写页面中，只需启动会话变量 $_SESSION['id'].

第二步：在你的 result.php 页面中，写 session_start();一开始。然后只需调用 $_SESSION['id'].

希望这会有所帮助:-)

PHP jquery 中的代码无效

PHP code inside jquery not working

javascript

php

jquery

echo