JQueryを使用してFORMアクションのREST URLを置き換える方法は？

Question

JS経由でRESTful URLを作成する方法を理解できません。 私のフォームです。

<form id="searchform" action="" method="get"> 
    <input type="text" name="id"/> 
    <input type="text" name="yourname"/> 
    <input type="submit" value="Submit"/> 
</form> 

以下はJSです。

<script type="text/javascript" language="javascript"> 
$('input[type="submit"]').on('click',function(e) 
{ 
    e.preventDefault(); 
    var forms = $(this).parents('searchform'); 
    var id = forms.attr('id'); 
    var yourname = forms.attr('yourname'); 

    var dataString = forms.serialize()+'/'+id+'/'+yourname; 

    forms.submit(); 

}); 
</script> 

私は '？ID = 1 & yournameの= XXX' に '/ 1/XXX' のような元のフォームのURLを変更したいと思います。 変更する場所を教えてください。前もって感謝します！

Answer 1

下回る結果を得ることができますが、フォームアクションを更新する必要があり、次のように前に提出するが、

<script type="text/javascript" language="javascript"> 
$('input[type="submit"]').on('click',function(e) 
{ 
    e.preventDefault(); 
    var forms = $('form#searchform'); 
    var id = forms.find('#yourid').val(); 
    var yourname = forms.find('#yourname').val(); 
    //update your action to your url and submit 
    var dataString = $(this).attr('action') + '/' + id + '/' + yourname; 
    forms.attr('action', dataString).submit(); 
}); 
</script> 

はまたあなたの入力要素にidを与えると、フォームにnameを与えます値を取得するにはval()を使用してください。

<form id="searchform" action="" method="POST" name="searchForm'> 
    <input type="text" name="yourid" id="yourid"/> 
    <input type="text" name="yourname" id="yourname" /> 
    <input type="submit" value="Submit"/> 
</form> 

EDIT：OPの新しい要件の後、メソッドをGETからPOSTに更新します。

Answer 2

あなたは単に

function doWork() { 
     $.ajax({ 
      url: "url goes here", 
      type: "GET", 
      dataType: "json", 
      success: function (result) { 
       Console.log(result); 
      } 
     }); 

    } 

Answer 3

はこれを試してみてください：

$("form").submit(function(e) { 
    e.preventDefault(); 

    var id = $("input[name=id]").val(), 
    yourname = $("input[name=yourname]").val(); 

    var dataString = $(this).attr('action') + '/' + id + '/' + yourname; 
    console.log(dataString); // Submit your form to dataString 
}); 

dataStringは、あなたが期待しているURLが含まれています。試してみる。