Question

我有一个简单的jQuery形式的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上运行才能生效。

Answer 2

您可能想要检查jQuery .serialize()方法以获取表单值。 http://api.jquery.com/serialize/

获取jQuery表单 - id的文本值

2 个答案: