javascript - 获取 jQuery 表单 - 通过 id 获取文本值

Question

我有一个带有 jQ​​uery 表单的简单 html，我想:1) 将值放入 js var 中。2)通过JSON发送到服务器。这是表格:

        <div data-role="main" class="ui-content">
            <data=role "form" name="seekerForm"  id="jobSeekerForm" >
                <label for="basic">First name :</label>
                <input type="text" name="seekerName" id="WfirstName" data-mini="true" />
                <label for="basic">Last name :</label>
                <input type="text" name="seekerLast" id="WlastName" data-mini="true" />
                <label for="basic" id="WEmail">E-mail:</label>
                <input type="text" name="seekerEmail" id="WEmail" data-mini="true" />

            <div data-role="fieldcontain" >
    <label for="select-choice-1" class="select" >Choose a field:</label>
    <select name="select-choice-1" id="selectField" >
        <option value="HI-TEC">Software Programming</option>
        <option value="webPro">Web Programming</option>
        <option value="QA">QA</option>
        <option value="systemInfo">System Information</option>
        <option value="DB">DBA</option>
        <option value="java">JAVA</option>
        <option value="c">c++</option>
        <option value="pyt">pyton</option>
    </select>
</div>
        <div data-role="fieldcontain" >
    <label for="select-choice-1" class="select" >Choose Experience level:</label>
    <select name="select-choice-1" id="selectPro" >
        <option value="junior">junior(0-2)</option>
        <option value="senior">senior(2-5)</option>
        <option value="exp">Expert(5-10)</option>
    </select>
                </div>
                </form>

3) 选项值也是如此。这是我发送的方式:

//我要发送的对象:

 var jobsData = {


    name: $name.val(),
            lname: $WlastName.val(),
            mail: $WEmail.val(),
            userlocation: location,
            field : $selectField.val(),
            Pro: $selectPro.val(),
            range: $sliderRange.val() 
    };
    // ajax - data: how i want to send that 

        $.ajax({
          type: 'GET',
          dataType: 'JSON',
          url:'http://localhost:8888',
          data: jobsData,
          success: function(jobs){
              $.each(jobs,function(i,job){
                  $('.jobRes').html(jobs);

              });

Answer 1

您可以使用.serialize()获取所有表单值并通过ajax将它们发送到服务器。像这样的事情会做:

$(function() {
    $('form').on('submit', function( e ) {
        e.preventDefault();
        $.ajax( url:'http://localhost:8888/', data: $(this).serialize(),  ..... );
    });
});

您的页面必须在相同的 localhost 相同的端口 8888 上运行才能正常工作。