Question

我尝试通过ajax加载一个php文件。

这个代码可以正常工作：

<body id="top">     
<div id="loadajaxhere"></div>
<script>
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("loadajaxhere").innerHTML = xmlhttp.responseText;
        }
    };
    xmlhttp.open("GET", "myfile.php", true);
    xmlhttp.send();
</script>

但在我的php文件中是jquery插件，在通过ajax加载后无效... 也许解决方案是使用jquery语法的ajax。是不是？

我试过了，但我的Ajax没有加载php ... 它应该通过在定义的div中加载页面来自动加载php。

非常感谢提前！

Answer 1

  <script>
       $.ajax({
                url: "myfile.php", 
                success: function(result){
                     $("#loadajaxhere").html(result);
                }
      });
 </script>

Answer 2

使用Jquery ajax代替。例如：

$.ajax({
        url: 'myfile.php',
        type: 'GET',
        data: {'submit':'true'}, // An object with the key 'submit' and  value'true';
        success: function (result) {
          document.getElementById("loadajaxhere").innerHTML = result;
        }
    });

Answer 3

解决了一小部分

myfile.php中的一个小脚本现在可以正常工作：

<script type="text/javascript">
//$('.triggermore').click(function(){ //<- This is the old line
$('body').on('click', '.triggermore', function(event){ //<- This is the new one
        $(".weitere").slideDown();
        $(".weitere").addClass("open");
        $(".triggermore").addClass("bye");
        $('html, body').animate({ scrollTop: $("#weitere").offset().top }, 1000);       
});
</script>

此解决方案的来源：JQuery effect doesnt work for ajax content

但是这个巨大的剧本暂不起作用了：

<script type="text/javascript">
$(document).ready(function() {

    //http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-waypoints/
    var nav_container = $(".menu");
    var nav = $("nav");

    var top_spacing = 0;
    var waypoint_offset = '40%';
    var first_section = '0%';

    nav_container.waypoint({
        handler: function(event, direction) {

            if (direction == 'down') {
                nav_container.addClass("sticky")
                .stop()
                .css("top", -nav.outerHeight())
                .animate({"top" : top_spacing});
            } else {    
                var inputPos = $( 'input:first' ).position();
                nav_container.stop().removeClass("sticky").css("top",first_section).animate({"top":first_section});
            }

        },
        offset: function() {
            return -nav.outerHeight()-waypoint_offset;
        }   

    });

    var sections = $("section");
    var navigation_links = $(".menu li a");
    var links = $("nav a");

    sections.waypoint({
        handler: function(event, direction) {

            var active_section;
            active_section = $(this);
            if (direction === "up") active_section = active_section.prev();

            var active_link = $('.menu li a[href="#' + active_section.attr("class") + '"]');
            navigation_links.removeClass("selected");
            if(active_section.attr("class") != "top") {
                active_link.addClass("selected");
            }

        },
        offset: waypoint_offset
    })


    links.click( function(event) {

        $.scrollTo(
            $(this).attr("href"),
            {
                duration: 1500,
                offset: { 'left':0, 'top':0 }
            }
        );
    });




});

</script>

** Jquery脚本在我的index.php中，而不在myfile.php中。只有myfile.php中的html标记

Answer 4

好的，我自己找到了答案。

我正在使用这个：

$.ajax({
        url: 'myfile.php',
        type: 'GET',
        data: {'submit':'true'}, // An object with the key 'submit' and  value'true';
        success: function (result) {
          document.getElementById("loadajaxhere").innerHTML = result;
        }
    });

将我的脚本粘贴在succes函数中。但并非一切都有效。我在上面。

在通过ajax加载PHP之后，Jquery不起作用

4 个答案: