Question

以下是一个文件index.php GetWidth和GetHeight函数可以正常工作。（它们不是最终函数，所以不重要。）重要的部分用/ *标记在这里* /我想要完成的是使用jQuery Window Portal Height / Width传递变量并将其传递给PHP脚本换句话说，当我从GetWidth（）获取值时，它应该转到w = 120或用当前宽度和高度相同的值替换120值。如果有任何语法错误请忽略。

我只想弄清楚如何将值从jQuery传递给PHP脚本。同样在将来我想添加resize方法，以便在调整窗口大小时动态值。

<html>
    <head>
        <title></title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>
            $(window).resize(function () {
      $('#msg').text('Browser (Width : ' 
                         + $(window).width() 
         + ' , Height :' + $(window).height() + ' )');
        });

        $(document).ready(function() {
       // DOCUMENT READY

       function GetWidth() {
            if (self.innerWidth) {
                    return self.innerWidth;
                }
                else if (document.documentElement && 
                             document.documentElement.clientHeight) {
                    return document.documentElement.clientWidth;
                }
                else if (document.body) {
                    return 0;
                }
                return x;
            }

            function GetHeight() {
                if (self.innerHeight) {
                    y = self.innerHeight;
                }
                else if (document.documentElement && 
                           document.documentElement.clientHeight) {
                    return
                                document.documentElement.clientHeight;
                }
                else if (document.body) {
                    return 0;
                }
                return y;
            }





// This is for when it first loads.                                
$('#TEXT').text('W: ' + $(window).width() + ' , H:' + $(window).height() + y);

// This is for when window gets resized.
$(window).resize(function () {
    $('#TEXT').text('W: ' + $(window).width() + ' , H:' + $(window).height());
});

  // DOCUMENT READY    
  });
 </script>
 </head>

 <body>

Info Area:<br>
<div id="TEXT"></div>

/* IMPORTANT HERE */
<!-- img src="timthumb.php?src=URL...image.jpg&h=180&w=120" -->
/* IMPORTANT HERE */

</body>
</html>

Answer 1

您无法将jQuery或JS变量传递给PHP脚本。基本上PHP脚本在服务器级执行，只有HTML，JS和CSS将返回到浏览器。然后浏览器将呈现它。因此，当浏览器执行JS方法时，PHP脚本已经执行。

你可以使用Ajax。

Answer 2

您不能将值从jQuery传递给PHP，因为PHP是server-side语言，jQuery是client-side语言。但是有一种方法可以将数据从客户端传递到服务器端，即AJAX

https://softwareengineering.stackexchange.com/questions/171203/what-are-the-difference-between-server-side-and-client-side-programming

Why PHP script is not workig in a web browser?

http://www.scriptingok.com/tutorial/Server-side-vs-Client-side

Answer 3

欢迎来到stackoverflow！
问题是php正在服务器编译，浏览器从服务器接收html和javascript文件然后你的浏览器编译你的javascript和html代码
所以javascript无法更改phpcode
你可以像这样制作你的html whit javascript：

image = new Image(); 
image.src = "timthumb.php?src=URL...image.jpg&h="+ hgt + "&w=" + wth;

image.onLoad=function(){ $("img").attr({src: image.src}); }

将值从jQuery传递到一个文件中的PHP脚本

3 个答案: