Javascript jquery中的PHP代码不起作用

Javascript jquery中的PHP代码不起作用,javascript,php,jquery,echo,Javascript,Php,Jquery,Echo,//我的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(

//我的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)
        }
    });
});
});
$(文档).ready(函数(){
var form=$('#form1');//联系方式
var submit=$('#submit1');//提交按钮
var alert=$('.alert1');//显示警报消息的警报div
//表格提交活动
表格(‘提交’)功能(e){
e、 preventDefault();//防止默认表单提交
//通过jQuery发送ajax请求
$.ajax({
url:'giftcard_check.php',//表单操作url
键入:“POST”,//表单提交方法get/POST
数据类型:'html',//请求类型html/json/xml
数据:form.serialize(),//序列化表单数据
beforeSend:function(){
警惕。淡出();
submit.html('Checking…');//更改提交按钮文本
},
成功:功能(数据){
alert.html(data.fadeIn();//淡入响应数据
form.trigger('reset');//reset form
submit.html('Apply');//重置提交按钮文本
var$container=$(“#result1”);
var refreshId=setInterval(函数()
{
$container.load(“result.php?code=”);
}, 500);
},
错误:函数(e){
控制台日志(e)
}
});
});
});

在jquery中使用php代码时,上述代码不起作用。如果我不使用php代码,它的工作很好。但是我想将会话变量发送到另一个页面(result.php)。我怎样才能解决这个问题。是否有任何方法。

使用下面的代码。将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)
      }
   });
  });
});
var sessionID=“”;
$(文档).ready(函数(){
var form=$('#form1');//联系方式
var submit=$('#submit1');//提交按钮
var alert=$('.alert1');//显示警报消息的警报div
表格(‘提交’)功能(e){
e、 preventDefault();//防止默认表单提交
//通过jQuery发送ajax请求
$.ajax({
url:'giftcard_check.php',//表单操作url
键入:“POST”,//表单提交方法get/POST
数据类型:'html',//请求类型html/json/xml
数据:form.serialize(),//序列化表单数据
beforeSend:function(){
警惕。淡出();
submit.html('Checking…');//更改提交按钮文本
},
成功:功能(数据){
alert.html(data.fadeIn();//淡入响应数据
form.trigger('reset');//reset form
submit.html('Apply');//重置提交按钮文本
var$container=$(“#result1”);
var refreshId=setInterval(函数()
{
$container.load(“result.php?code=“+sessionID”);
}, 500);
},
错误:函数(e){
控制台日志(e)
}
});
});
});

让我们从不同的角度看问题

您可以在html上执行以下操作:

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

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

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

通过添加session_start(),我们可以很容易地在result.php中获得session变量;在result.php的开头。这样我们就可以访问创建的会话变量。

第一步: 在jQuery代码编写页面中,只需启动会话变量$\u session['id']

第二步: 在result.php页面中,编写session_start();一开始。然后只需调用$\u会话['id']


希望这会有所帮助:-)

会话变量已在所有页面上可用,只需在每个页面上启动会话即可。@SunilPachlangia:-如果不是会话变量。再次查看我编辑的问题。应使用
var sessionId=有2个原因:1。自动类型声明(带
的字符串、不带int的int、带[]的数组等)2.对于自动转义,当您将输入用作隐藏时,为什么要将值指定给属性?您可以将数据指定给值如果他想将其放入按钮中怎么办?我这样做是为了获取更多信息,我知道OP知道他可以将其放入值中,这是一个常见的知识。那么,我可以更改我的示例
$(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)
        }
    });
});
});