如何動態更改Twitter個人資料和搜索？

Question

我可以像這樣在Razor 2 asp.net網站上使用Web Helpers包顯示兩個相鄰的Twitter框。

<div id="dynaMashTab-Twitter" > 
    <span id="spanProfile" style="display: inline-block;vertical-align:top">@Twitter.Profile("jQuery")</span><span id="spanSearch"><span style="display: inline-block;vertical-align:top">@Twitter.Search("jQuery")</span> 
</div> 

...但我想能夠動態地從「jQuery」改變爲任何。我已經試過這樣：

HTML：

<label for="inputQuery" style="display: inline-block;">Enter something, quick!</label> 
<input type="text" name="inputQuery" id="inputQuery" placeholder="Enter something already" autofocus style="display: inline-block;" /> 

的jQuery：

$(document).ready(function() { 

    $("#inputQuery").keyup(function(e) { 
     if (e.keyCode == 13) { 
      var inputQueryText = $("#inputQuery").val(); 
      $("#spanProfile").html(@Twitter.Profile(inputQueryText)); 
      $("#spanSearch").html(@Twitter.Search(inputQueryText)); 
     } 
    }); 
}); 

...但我得到的，「的'inputQueryText的名字不在當前上下文存在「

我意識到，即使這樣做，我分配給#spanProfile和#spanSearch的內容將不會像以前一樣格式化，但我將以嬰兒步驟開始w這一點，並已經採取了一些跌倒。

Answer 1

這是它是如何做：

剃刀：

var searchTermHTML = "jquery"; 
if (IsPost) 
{ 
    searchTermHTML = Request["inputText"]; 
} 

HTML：

<form method="POST" action="/"> 
     <label for="inputText" style="display: inline-block;">Hunh?</label> 
     <input type="text" name="inputText" id="inputText" placeholder="Enter at your own risk" value="@Request["inputText"]" autofocus style="display: inline-block;" /> 
     <input type="Submit" name="btnSubmit" id="btnSubmit" value="Make it sort of funky" style="display: inline-block;" /> 
    </form> 

。 。 。

<div id="duckbilledPlatypusTab-Twitter"> 
    <span id="spanProfile" style="display: inline-block; vertical-align: top">@Twitter.Profile(searchTermHTML, numberOfTweets: 42, scrollBar: true, avatars: true)</span> 
    <span id="spanSearch" style="display: inline-block; vertical-align: top">@Twitter.Search(searchTermHTML, scrollBar: true)</span> 
</div>