ajaxのidに基づいて名前を取得しています

Question

コンソールでは、その名前をhtmlページにバインドするid.Howに基づいて名前を取得しています。

ここに私のコードは..です

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> 

idが与えられたときi am ok seminar .Howが自動的にHTMLページにその名前をバインドするように、私は名前を取得しています。 誰も助けることができますか？

Answer 1

あなたの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); 
     } 
    }); 

} 

Answer 2

あなたはすでにすべてを実装していました。あなたがする必要があるのは、いくつかの要素にデータを追加することだけです。あなたはまた、そうするようにjqueryのが、そのない練習を使用してHTMLを更新することができ

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

：あなたは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タグを追加します。

これはうまくいきます。