Question

我是编程的新手，你能帮我搞清楚吗？

index.html

<button id="press">Click here</button>

<div id="show_image">
</div>
<br>
<div id="appended_area"></div>

index.html

的脚本

  $(document).ready(function(){
  $('#press').click(function(){

      $.ajax({
        type: "GET",
        url: "next.html",
          success: function(response){
          $("#show_image").html(response);
          }
        });

    });
});

next.html

<button id="btn" value="Hello">CLICK TO APPEND</button>

问题：当我在这个场景中单击来自next.html的按钮时，是否可以附加来自next.html的实时文本或值并将其附加到index.html的div id =“attached_area”？

注：

仅使用index.html。

next.html使用ajax。

Answer 1

你可以这样做，但它开始变得混乱。

$(document).ready(function(){
$('#press').click(function(){

  $.ajax({
    type: "GET",
    url: "next.html",
      success: function(response){
        $("#show_image").html(response);

        // jquery should be able to find the button element after it has been added.

        $("#btn").click(function(){
           $.ajax({
           type: "GET",
           url: "append.html",
           success : function(data){
             $("#append_area").html(data);
           }
           }); 
        }
      }
    });

});
});

使用AJAX从其他页面附加文本或值

1 个答案: