2012-01-17 11 views
3

hqutmlの場合、jquery.get()コールのコールバックの引数からフォームの値を取得するにはどうすればjquery ?例えばjqueryを使用して、生のhtmlでhtmlフォームの入力値を取得する

、言う次の呼び出し:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><title></title></head> 
<body> 
    <form name="form1" method="post" action="frmMontageWait.aspx?action=checkStatus&amp;guid=a224b7c3-fec8-4b55-870e-a33f15bad629" id="form1"> 
<div> 
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTc5NTA2NTY5NmRkyx3R93TAvDqSvxEh6aKHeTSr0ZI=" /> 
</div><div> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwLA8/fiDgLP15SfBAKG69WwDBRTCbRBksmbw/qTkRQ4tx/K3bES" /> 
</div> 
     <input type="hidden" name="hdnInput1" id="hdnInput1" value="100" /> 
     <input type="hidden" name="hdnInput2" id="hdnInput2" value="99" /> 
    </form> 
</body> 
</html> 

あなたがコールバックでhdnInput1とhdnInput2の値を取得する方法についてに行くにはどうすればよい:

$.get('somePage.aspx', function (data) { 
    alert('here'); 
      }); 

は、以下のHTMLでコールバック関数を呼び出し?

答えて

4

コードの変数dataは、サーバー応答を格納します。必要な情報を解析することができます。

//DOM-ize the server-response 
data = $(data); 

//now we can search the server-response like it is in the DOM (but it isn't) 
var inputOne = data.find('#hdnInput1').val(), 
    inputTwo = data.find('#hdnInput2').val(); 

このコードは、あなたのAJAX呼び出しのためにあなたのsuccessコールバックで行く:あなたは、文字列のうち、DOM要素を作成しますjQueryオブジェクトにその文字列を解析する必要があるので、デフォルトでは、このサーバーの応答は、プレーンテキストになります。ここで

はデモです:http://jsfiddle.net/PDHbV/

私はそれがないならば、それはHTMLがDOMとあなたの中に既にある意味、あなたが投稿したHTMLがdata変数に格納されていることを100%確実ではありませんよ通常はそれを検索することができます。

var inputOne = $('#hdnInput1').val(), 
    inputTwo = $('#hdnInput2').val(); 
1
val1 = $('#hdnInput1').val(); 
val2 = $('#hdnInput2').val(); 
+1

これは、グローバル変数を作成します(必要はありません)。変数を正しいスコープに入れるには、 'var'ステートメントを使います:' var val1 = $( '#hdnInput1')。 – Jasper

関連する問題