在ajax网址页面中执行Javascript代码并显示结果

时间:2019-03-27 05:31:52

标签: javascript jquery ajax

嗨,我想在ajax发送网址中执行一些javascript代码。由于某种原因,它不起作用。  请参阅以下内容

  <input type="button" value="12">
   <div class="result"></div>

 $(".button").on("click", function(){
        var source1=$(this).val();

  $.ajax({
          type:"POST",
          url: "result.php",
          data: {
            source1: sel_value,
            }
            });

});

in result.php

<script>
 $(".result").html(<?php echo $_POST['source1'];?>*10);
  ... and other jquery functions ...
</script>

在这里,我将一些数据发送到result.php。基于此数据,我必须在result.php中进行一些操作。我怎样才能做到这一点 。请帮忙。

4 个答案:

答案 0 :(得分:0)

只需添加您想在result.php中进行的任何操作即可:

echo "Data sent was " . $_POST['source1'];

答案 1 :(得分:0)

这里ajax的工作是返回result.php的渲染响应,并且您正在使用ajax无法访问的警报。因此,您需要使用php return

return "Response is" . $_POST['source1'];

或者您也可以返回json响应

$data = $_POST['source1'];
$JsonResponse = json_encode($data);

echo $JsonResponse;

对于json响应,您需要在ajax中添加以下内容 dataType: "json",

答案 2 :(得分:0)

Js代码

$(".button").on("click", function(){
 var source1=$(this).val();

      $.ajax({
              type:"POST",
              url: "result.php",
              data: {source1: source1,},
               success:function(data)
              {
               alert(data);//your php response
               }
          });

    });

PHP代码(result.php)

<?php
echo $_POST['source1'];

?>

答案 3 :(得分:0)

您可以尝试以下操作吗:

    $("[type=button]").on("click", function(){
    var source1=$(this).val();

    $.ajax({
      type:"POST",
      url: "result.php",
      data: {
        source1: sel_value,
        }
    });

});

希望这对您有所帮助。 谢谢。