0

だから私は、特にjqueryを扱うjavascriptに初めて飛び込みました。

組み込みの $.ajax() を使用して同じページの div に html をロードしようとすると、このエラーが発生します。前もって感謝します。

$(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>
4

1 に答える 1

0

これを試して

 $(document).ready(function(){

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


    });

それが役に立てば幸い！:D

于 2013-06-18T04:34:13.417 に答える