Question

在控制台中，我根据id获取名称。如何将该名称绑定到html页面。

这是我的代码..

function getEventname(){

  var clid=$('#eventid').val();
  console.log("i am ok" + clid);

  $.ajax({
      type: "GET",
      url: "EduManage.jsp",
      data: {
        control:'ajax', 
        ch:'1', 
        key:'1_0a1m_1', 
        eventid:clid
      },
      success: function(data) {
         console.log("i am ok" + data);
         (what to do to bind the name in the html page)
      }
  });

}

现在HTML是;

<td class="bg1">
    Event Id :
</td>
<td class="bg1" width="25%">
    <input name="eventid" type="text" id="eventid" size="10" maxlength="10" onblur="getEventname()"/> 
</td>

<td class="bg1" width="40%"> 
     Event Name :
</td>
<td class="bg1" width="25%">
     <input type="text" name="eventname" id="eventname">
</td>

在控制台中，我的名字为i am ok seminar。如果在给出id时自动将该名称绑定在HTML页面中。有人可以帮忙吗？

Answer 1

所以你已经实现了一切。您需要做的就是在某个元素中添加数据。如果你想在td中添加它，请使用：

$.ajax({type: "GET",url: "EduManage.jsp",data: {control:'ajax', ch:'1', key:'1_0a1m_1', eventid:clid},
                success: function(data) {
                console.log("i am ok"+data);
                $("td.last").append(data);
                (what to do to bind the name in the hmtl page)
                }
});

并添加一个新的html标记：

<td class="last"></td>

您也可以使用jquery更新html，但这不是练习。

希望这有效。

Answer 2

所以你的Javascript函数应该是;

function getEventname(){

   var clid=$('#eventid').val();
   console.log("i am ok"+clid);

   $.ajax({
       type: "GET",
       url: "EduManage.jsp",
       data: {
         control:'ajax', 
         ch:'1', 
         key:'1_0a1m_1', 
         eventid:clid
       },
       success: function(data) {
               console.log("i am ok"+data);
               //The one line change
               $("#eventname").val(data);
       }
  });

}

根据ajax中的id获取名称

2 个答案: