Question

所以我一直在第一次尝试使用javascript来处理jquery。

我在尝试使用内置的$ .ajax（）将html加载到同一页面上的div时出现此错误。提前谢谢。

$(document).ready(function(){

    $('#searchbtn').on('submit', function(){
    $.ajax({
        type:"GET",
        url: $(this).val()  
        }).done(function(data) {$(#mainView).append(data)});
        });


    });
});

这是相应的HTML。另请注意，这是通过XML“CDATA”传递的。

<html>
<body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js></script>
<div id ="container">

<h1 id="titleLogo">Web+</h1>

<div class="bar" id="navBar">
    <form name="urlBar" action="" method="GET">
        <label for="urlsearch">Let's browse together: <input type="url" name="url" id="url" value="http://www.google.com"></label>
        <label for="searchbtn"><input type="submit" value="go" id="searchbtn"></label>
    </form>
</div>
<div class="bar" id="userBar"></div>

<div class="view" id="mainView"></div>
<div class="bar" id="viewsBar"></div>
<hr>
</body>
</html>

Answer 1

试试这个

 $(document).ready(function(){

    $('#searchbtn').on('submit', function(){
    $.ajax({
        type:"GET",
        url: $(this).val()  
        }).done(function(data) {$('#mainView').append(data)});
        });


    });

希望它有所帮助！：d

JQuery Ajax，根元素未形成

1 个答案: