将PHP变量传递给jQuery Popup

时间:2015-03-25 15:17:18

标签: javascript php jquery ajax json

我有一个包含许多变量和数组的PHP页面。我需要在页面生成的一个小弹出窗口中访问其中的大多数。我已经看到了答案here,但我不明白。他用json加载的脚本是什么?这是用自定义所有php变量自定义的东西吗?这对我不起作用,因为变量是从从API加载的XML文档的结果动态分配的。每次拉动时,XML文档都可能不同。

页面的基本概述:   该站点根据用户请求从API加载XML。我使用Xpath来获取xml,然后遍历它以创建一个数组数组。然后我使用另一个循环来创建带有产品变量的命名数组。一些产品变量被拉入单个变量,我用数组和变量编写函数。如何将所有这些数据提供给弹出窗口?

页面本身是产品包的网格。用户需要能够自定义包中的产品数量,并且弹出窗口似乎是最优雅的方式来管理它。弹出窗口中有一个包的图片,一个简短的描述,以及一个带有用户可以更改的数量文本框的产品列表(或者当我访问php变量时,它至少会有这些东西)。在用户更改数量后,我将使用jQuery将更改传递回主页面。

我正在使用bPopup插件来管理弹出窗口。弹出窗口将html文件加载到空div中。如果需要,我可以将扩展名更改为PHP。空div看起来像这样,它位于页面底部:

<div id="element_to_pop_up">
    <a class="b-close">x<a/>
</div>

和调用它的jQuery是:

// Semicolon (;) to ensure closing of earlier scripting
// Encapsulation
// $ is assigned to jQuery
;(function($) {

    // DOM Ready
    $(function() {

      // Binding a click event
      // From jQuery v.1.7.0 use .on() instead of .bind()
      $('#economy-button').bind('click', function(e) {

          // Prevents the default action to be triggered. 
          e.preventDefault();

          // Triggering bPopup when click event is fired
          $('#element_to_pop_up').bPopup({
              loadUrl: 'lib/page-parts/economy.html' //Uses jQuery.load()
          });

      });

   });

})(jQuery);

那么如何将所有变量从父页面传递到弹出页面?最简单的解决方案是期望的。我没有任何使用json的经验和使用ajax的经验非常有限。如果您的答案需要其中任何一个,那么请向我解释,就像我五岁。谢谢!

0 个答案:

没有答案