форма процесса с помощью JQuery без PHP/рельсы

Question

Мой HTML:

<div class = "submission_box"> 
    <form id="d_submit"> 
     <h3>D's: </h3> 
      D 1: <input type="text" name="d1"> <br /> 
      D 2: <input type="text" name="d2"> <br /> 
      D 3: <input type="text" name="d3"> <br /> 
      D 4: <input type="text" name="d4"> <br /> 
     <button type="submit">Go</button> 
    </form> 

Мой JQuery:

$(document).ready(function(){ 
    $("#d_submit").submit(function(){ 
     $.ajax({ 
      dataType: 'html', 
      type: 'GET', 
      url: 'http://localhost:3000/gwsearch/ajax_search?d1='+d1+'&d2='+d2, 
      crossDomain: true, 
      success:function(result){ 

     $("#box").html(result); 
     }}); 

    }); 
}); 

Я задаюсь вопросом, почему я не могу как-то прочитать параметры d1, d2, d3 , или d4 без использования php или какого-либо другого типа платформы. Есть ли в любом случае я могу прочитать их из моего кода jQuery без отправки на php? Если нет, то какой самый простой/самый универсальный способ опубликовать эти параметры в моем коде jQuery?

Спасибо!

Answer 1

<input type="text" name="d1" id="d1"> 

Добавить идентификатор для удобства ссылок.

d1_val = $("#d1").val(); 

Это будет хранить значение формы ввода переменной