将变量传递给Ajax调用

时间:2017-03-17 15:25:59

标签: php ajax

我使用下面的代码来旋转并保存存储在服务器上的图像。

^

saveimage.php

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script>

<img src="uploads/101822973264163759893-1428320267361.jpeg" id="img"/>

<script> 
$(document).ready(function(){
var value = 0
    $("#img").rotate({ 
       bind: 
         { 
            click: function(){
                value +=90;
                $(this).rotate({ animateTo:value})
            }
         } 

    });


    $(document).on('click', '#img', function() {
                // alert("Hello");

                var idno = "test";
                $.ajax({
                         url: "saveimage.php",
                         dataType: "html",
                         type: 'POST',
                         data: "panelid="+idno, //variable with data
                         success: function(data){
                            // $(".test").html(data);
                                // alert(data);
                         }
                });
    });
});
</script>

我在这里找到了这段代码 - http://www.codehaven.co.uk/rotate-and-save-an-image-using-php/

这一切都运行正常,但我试图传递一个PHP变量,它将图像路径和名称保存到ajax调用,并且不知道如何执行此操作。

有人可以帮忙吗?

感谢,

约翰

1 个答案:

答案 0 :(得分:1)

您可以将变量作为网址参数传递:

url: "saveimage.php?path=/folder/to/your/image/&image=image_name",

您可以使用urlencode确保所有特殊字符都通过