使用ajax

时间:2016-10-07 06:10:15

标签: php jquery html css ajax

HTML

<input type="checkbox" name=options[cid]" value='1'     
onChange="chkdeptCount(this.value)" class="test">    
<input type="checkbox" name=options[cid]" value='2'     
onChange="chkdeptCount(this.value)" class="test">

jquery的:

function chkdeptCount(val){    
$.ajax({ url: '../ajax/AjaxCall.php',
    data: {Action:'IMPLODEARRAY',arrVal: val},
    type: 'post',
    success: function(output) {
   alert(output);
    $('.result').html(output);
    }
    });

}

PHP:

if($_POST['Action']=='IMPLODEARRAY'){       
    $arr_val[] = $_POST['arrVal'];      
    print_r($arr_val);
}

当我运行此代码时不返回数组值。返回单值为什么?

1 个答案:

答案 0 :(得分:0)

请注意,您在这里错过了引用name=options[cid]"

您正在使用当前值为onChange="chkdeptCount(this.value)"的{​​{1}}事件,这只会一次返回一个值。

这是非常基本的例子:

<强> HTML:

this

<强> AJAX:

<form method="post" id="formID" action="">
<input type="hidden" name="Action" value="IMPLODEARRAY">
<input type="checkbox" name="options[cid]" value='1' class="test">
<input type="checkbox" name="options[cid]" value='2' class="test">
<input type="submit" name="submit" value="Submit" id="SubmitButton">
</form>

<强> PHP:

<script type="text/javascript">
$(document).ready(function(){
  $("#SubmitButton").click(function(){ // when submit button press
    var data = $("#formID").serialize(); // get all form input in serialize()
    $.ajax({
        url: YourURL, // add your url here
        type: "POST", // your method
        data: data, // your form data
        dataType: "json",  // you can use json/html type
        success: function(response) {
          console.log(response); // your response
        },
        beforeSend: function()
        {
            // if you want to display any loading message
        }
    });  // JQUERY Native Ajax End
    return false;
  });
});
</script>

更多示例将帮助您理解,您可以使用:Submitting HTML form using Jquery AJAX | jQuery AJAX submit form