如何将数组文本框名称发送到ajax

时间:2016-04-27 09:26:29

标签: javascript php ajax

美好的一天mam /先生我是一名新手程序员谁想知道如何将数组文本框/保管箱名称传递给ajax?

我知道我的代码不正确。请任何人帮助我。我知道你没有表现出我希望展示的输出。

这是我的示例代码:

HTML

'color': u'blue'

JS

<select name="departmentmontask1[]" id="departmentmontask11">
<option value="0">Select Department</option>
<option value="0">Select Department</option>
<option value="0">IT</option>
<option value="0">HRM</option>
<option value="0">WAREHOUSE</option>
</select>

<input class="submitbstyle" type="button" name="submitb" onclick="submitform()" value="SUBMIT">

PHP

function submitform()
{
var hospital1 = document.getElementsByName("departmentmontask1").value;

var fd = new FormData();
          fd.append("hospital", hospital1);
          var xhr = new XMLHttpRequest();
          xhr.open('POST', 'testjsarray.php', true);

          xhr.upload.onprogress = function(e) {
            if (e.lengthComputable) {
              var percentComplete = (e.loaded / e.total) * 100;
              console.log(percentComplete + '% uploaded');
            }
          };

          xhr.onload = function() {
            if (this.status == 200) {

                alert(this.response);

            };
          };

          xhr.send(fd)
}

2 个答案:

答案 0 :(得分:0)

我认为在html中你应该为选项分配不同的值 在分配后的php中,你永远不会使用$ departmentmon1变量。 另外第二个可以切换到foreach摆脱$ depmoncount1变量

答案 1 :(得分:0)

HTML表单

<form class="form" id="f1" >
    <input name="f1_inp_1" value="1">
    <input name="f1_inp_2" value="2">
    <select name="f1_inp_3[]" multiple>
        <option value="f1_val1">f1_val1</option>
        <option value="f1_val2">f1_val2</option>
        <option value="f1_val3">f1_val3</option>
    </select>
</form>
<button id="fire2">Fire2</button>

Jquery的

$("#fire2").click(function(){
    $.ajax({
        url: 'get_response.php',
        type: 'POST',
        data:$("#f1").serialize(),
        success: function(data){
            alert(data);
        }
    });
});

PHP脚本:

<?php
    echo "<pre>";
    print_r($_REQUEST);
    echo "</pre>";
    exit;
?>