私はweb.py URLを作成しましたが、2つのテキストボックス(送信ボタンなし)しか提供していません。最初のテキストフィールドに数値を入力すると、値を別のURLにポストする必要があります。 AJAX post()
を使用して、2番目のURLにデータを投稿します。 2番目のURLは私が投稿したデータを返すべきで、2番目のテキストボックスに表示されるはずです。キーアップ機能とAJAX post()
メソッドを使用してこの問題を解決するにはどうすればよいですか?私はpost()
メソッドでたくさん試しましたが、適切な解決策を見つけることができませんでした。AJAXの.post()メソッドを使用して別のURLにデータを投稿します
答えて
は試してみてください。この
$(function(){
$("#textbox1").keyup(function(){
if($(this).val()){
$.post({
url: "urlToPost",
data: { "textbox1": $(this).val() },
success: function(data){//make sure the server sends only the required data
$("#textbox2").val(data);
}
});
}
});
});
web.py GET関数でコードを試しましたが、2番目のテキストボックスに結果を表示しています。 – Sreehari
投稿はページから作成されていますか? – ShankarSangoli
テキストボックスに何かを入力すると、そのページからのリクエストが表示されます。 FFを使用している場合はFirebugコンソールまたはNetタブをチェックするか、サーバサイドのコードを保持してブレークポイントを設定し、呼び出されたかどうかを確認してください。 – ShankarSangoli
あなたがこれまで持っているもの投稿してもらえますか?
$(document).ready(function() {
//Bind to keyup + change to account for Copy/Paste with mouse button.
$("#Textbox1Id").bind("keyup change", function() {
$.ajax({
url: 'yoururl',
type: 'POST',
data: { value: $("#Textbox1Id").val() },
dataType: "json",
beforeSend: function() {
},
success: function (result) {
$('#Textbox2Id').val(result.value);
},
error: function (result) {
//Handle error
}
});
return false;
});
};
はシャンカールはそれを私にビート...その基本的に同じ答えはちょうどあなたがまた変更イベントをバインドすることを確認し、すべてのエラーを処理します。これは
例..前方かなりstraigthようです。
私はすべての提案をいただきありがとうございます。私は完全なコードをここに提案された変更を付けて添付しました。
import web
urls = (
'/', 'first','/home','second')
app = web.application(urls, globals(), True)
class first:
def GET(self):
return'''
<html>
<head>
<script type="text/javascript"src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#text1").keyup(function(){
var txt = $("#text1").val();
$.post(
"http://127.0.0.1:8080/home",
{text1 : txt},
function(result){
$("#text2").val(result);
});
});
});
</script>
</head>
<body>
Enter your text here : <input type="text" id="text1" name="text1"/>
You entered : <input type="text" id="text2"/>
</body>
</html>'''
class second:
def GET(self):
return "Entered value goes here"
def POST(self):
i = web.input()
n = i.text1
return n
if __name__ == "__main__":
app.run()
- 1. jquery postメソッドがデータとURLを投稿していません
- 2. jQuery Ajax POSTメソッドを使用してPHPに投稿できない
- 3. ajaxを使って別のPHPページにデータを投稿
- 4. javascriptを使用してjsonデータをURLに投稿する
- 5. ajaxを使用してクロスドメインにJSONデータを投稿
- 6. http postメソッドを使用してC#でPHP Webサイトにデータを投稿しています
- 7. Poll Muleを使用してURLからデータを投稿する
- 8. JQuery/MVC/ajax ajaxを使用してコントローラにデータを投稿する方法は?
- 9. iOSでhttp postメソッドを使用してビデオをサーバーに投稿する
- 10. Ajaxを使用してPHP変数を別のファイルに投稿する
- 11. .netcore 2.0のAjax to Razorページを使用したデータの投稿
- 12. ngResourceのURLを使用してURLを投稿する
- 13. $ .ajax投稿はデータを投稿しません(JavaScript)
- 14. Ajaxを使用してコントローラのアクションにフォームデータを投稿する
- 15. DjangoのURLを使用して投稿情報を別のページに送信
- 16. ajaxを使用してHerokuサーバーにデータを投稿できません
- 17. Node JsでAjax POSTメソッドを使用してjsonデータを送信しますか?
- 18. FLASKでajaxを使用して投稿データの後にレンダリングする方法は?
- 19. PHPにajaxデータを投稿してデータを返す
- 20. 投稿スレッドを使用して投稿
- 21. ASP.NET Webformを使用したAjax投稿
- 22. 投稿を使用したAjaxリクエスト
- 23. ajaxを使用したPHP投稿
- 24. TinyMCEテキストエリアを使用してajaxを使って投稿する
- 25. 投稿データをUrlでRubyで投稿
- 26. コントローラ機能にAjaxデータを投稿していますか?
- 27. AJAXは1つのサブフォームにクローンフォームのデータを投稿します
- 28. jQuery/AJAX - XMLHTTPRequestを使用してデータを投稿/ Webサイトにログインする方法
- 29. Scrapy URLにデータを投稿
- 30. ajaxを使用してasp.netにフォームデータを投稿する方法
あなたが試している特定のコードを提供することは、常に良いことです。 – Andrea
この質問には何か怪しいものがあります。助けを求める前に、JavaScriptを10行試してみるのは難しくありません。特に、jQueryはよく書かれています(http://api.jquery.com/jQuery.post/)。 – Helgi