标签: jquery-load

我为这两种请求准备了名为"content.php"的PHP文件,就像一个例子:

<?php
  // Id params passed via GET method
  $get = $_GET['param'];
  switch ($get) {
    case "param_value":
?>
  <div data-param="<?php echo $get; ?>">
    // My HTML content here
  </div>
<?php
      break;
    case default:
      break;
  }

  // Id params passed via POST method
  $post = $_POST['param'];
  if ($post != "") {
    $data['output'] = '
      <div data-param="<?php echo $get; ?>">
        // My HTML content here
      </div>
    ';
    echo json_encode($data);
  }
?>

而且我有Javascript文件,我正在从中对PHP进行AJAX调用:

var oWrapper = jQuery("#wrapper"),

// Loading HTML via jQuery.load() function …

我需要将大页面中的某些项目加载到页面的不同元素中.我编写的代码正在工作但是项目一个接一个地加载并经过很多停顿.我想我可能做错了,因为我不是一个完整的开发人员而只是一个设计师.

我的代码看起来像:

$("#lot-rental").load("/est.html #est-rental");
$("#lot-deposit").load("/est.html #est-deposit");
$("#lot-date").load("/est.html #est-date");
$("#lot-build").load("/est.html #est-build");

我在一个单独的文件中有一个 PHP 代码片段，我使用 jquery 将其加载到 javascript 文件中：

let signUpMode = $(".modal");
  signUpMode.load("login_signup_popup.php");

这是有效的，因为我可以在屏幕上显示它。但是，此代码片段包含一个按钮，我想在加载该代码片段的同一个 javascript 文件中单击该按钮。简单的事情，比如：

$(".signupbtn").on("click", function(){
    console.log("signed Up");
  });

然而，这个点击不起作用。signupbtn是代码片段中的 div 元素。不知怎的，我错过了一个额外的步骤，因为 jquery 似乎无法识别代码片段中的元素。

古老的问题.需要找到解决方案.

这个:

$ .getJSON("http://jsonip.appspot.com?callback=？",function(data){ip = data.ip});

似乎不再起作用了:

App Engine Error

Over Quota

This Google App Engine application is temporarily over its serving quota. 
Please try again later.

我找到了这个http://checkip.dyndns.org/

我使用load(数据类型设置为jsonp)来尝试获取html,但我不认为我做得对,或者只是无法完成.

有帮助吗？

谢谢堆栈;-)

是否有更简单的方法从同一文件中获取元素而无需加载页面几次？

目前使用此方法

$('.side-article-title').load(thisURL+' #item-title');
$(".side-article-subtitle").load(thisURL+' #item-subtitle');
$(".side-article-detail").load(thisURL+' #item-detail');

我的简单要求是这样的:

我有一个页面命名loop.php并有两个radio A & B,当A检查时,然后我加载a.html,何时B检查加载b.html.

loop.php(最重要的部分)

<div>
    <input id="radio_one" type="radio" value="radio_one" />&nbsp;tpl_one&nbsp;
    <input id="radio_two" type="radio" value="radio_two" />&nbsp;tpl_two

    <!--template1-->
    <div id="tpl_one"></div>
    <!-- template 1 end-->

    <!-- template2 -->
    <div id="tpl_two"></div>
    <!--template 2 end-->
</div>

a.html

<div>
    <input type="button" id="tpl_one_btn" name="" value="in tpl one"/>
</div>

b.html

<div>
    <input type="button" id="tpl_two_btn" name="" value="in tpl two"/>
</div>

我正在使用jquery-1.9,我可以轻松地实现我的要求.所有jquery代码都在一个名称为的文件中op.js

 $(function(){
   $("#radio_one").click(function(){
       $("#tpl_two").hide();
       $("#tpl_one").show();
       $("#tpl_one").load('a.html');
   });

   $("#radio_two").click(function(){
      $("#tpl_one").hide();
      $("#tpl_two").show();
      $("#tpl_two").load('b.html');
   });
 });

现在一切都很好,我几乎可以做所有事情,但是当我想使用a.html和b.html上的按钮时,事情变得很糟糕. …

页面1具有一个ID为（#navigation）的菜单，该菜单具有一个称为Page2的链接，以及一个具有ID（global_content）的DIV的链接，单击链接Page2时将显示内容。在同一页面（第1页）中，我编写了一个jquery加载函数，因此当我单击链接时，它应显示内容而无需重新加载页面。加载事件工作正常，显示了内容，但没有第2页具有的脚本标签。

这是第1页中的代码

<script>
jQuery(document).ready(function() {

    //jQuery('#navigation li a').click(function(){
    jQuery('#navigation li').on('click', 'a', function(){

    var toLoad = jQuery(this).attr('href')+' #global_content';
    jQuery('#global_content').fadeOut('fast',loadContent);
    jQuery('#load').remove();
    jQuery('#wrapper').append('<span id="load">LOADING...</span>');
    jQuery('#load').fadeIn('normal');
    function loadContent() {
        jQuery('#global_content').load(toLoad, function() {
        jQuery('#global_content').fadeIn('fast', hideLoader());

        });
    }
    function showNewContent() {
        jQuery('#global_content').show('normal',hideLoader());
    }
    function hideLoader() {
        jQuery('#load').fadeOut('normal');
    }
    return false;

    });
}); </script>

这是第2页中的代码

<div id="wall-feed-scripts">

  <script type="text/javascript">

    Wall.runonce.add(function () {

      var feed = new Wall.Feed({
        feed_uid: 'wall_91007',
        enableComposer: 1,
        url_wall: '/widget/index/name/wall.feed',
        last_id: 38,
        subject_guid: '',
        fbpage_id: 0      });

      feed.params = {"mode":"recent","list_id":0,"type":""};

      feed.watcher …