Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用两个参数传递两个值_Javascript_Ajax - Fatal编程技术网

Javascript 用两个参数传递两个值

Javascript 用两个参数传递两个值,javascript,ajax,Javascript,Ajax,我当前的代码只传递一个参数值。但我想传递两个带有两个参数的值 我当前的代码 <script> function getfilter(str){ document.getElementById("result").innerHTML="<div class='sparea'><i class='fa fa-spinner fa-spin sparea' ></i><div></script";

我当前的代码只传递一个参数值。但我想传递两个带有两个参数的值

我当前的代码

<script>
function getfilter(str){

                document.getElementById("result").innerHTML="<div class='sparea'><i class='fa fa-spinner fa-spin sparea' ></i><div></script";

    if (str==""){
        document.getElementById("result").innerHTML="";
        return;
    }

    $.ajax({
        url: "Views/mapresult.php?q="+str,
        type: "GET",

        success: function ( responseText ) {

$("#result").empty().append($(responseText)); 
        }
    });
}
</script>

函数getfilter(str){
document.getElementById(“结果”).innerHTML=“
$(function(){
$(“.android”)。在(“单击”,函数(e){
var id1=$(this.data(“id1”);
var id2=$(this.data(“id2”);
如果(id1!=“”){
$(“#结果”).html(“”);
$.ajax({
url:“Views/mapreult.php?q=“+id1+id2,
键入:“获取”,
//数据:序列化数据,
成功:函数(responseText){
$(“#结果”).empty().append($(responseText));
}
});
}
});

  • ”.$cd[$i][1]。您不需要onclick工具。您可以将数据直接存储在列表项的属性中

    <li class="android" data-mosaic-filterby="android" data-first="Some data" data-second="some other data">Click Me</li>
    
  • 单击我
  • 还有这个javascript

    $(document).ready(function(){
        // listen for clicks on that element
        $('.android').on('click', function(){
    
            // get the data
            var data1 = $(this).attr('data-first'),
                data2 = $(this).attr('data-second');
    
            // Send the data to your function. 
            // There are 10 other ways to do this but this'll work.
            getfilter(data1, data2);
        });
    
    });
    
    
    function getfilter(data1, data2){
        var spinner = "<div class='sparea'><i class='fa fa-spinner fa-spin sparea' ></i><div>",
            $result = $('#result');
    
        // if you're gonna drink the kool-aid, drink it!
        $result.html(spinner);
    
        // double check however you like.
        if (data1==""){
            $result.html("");
            return;
        }
    
        $.ajax({
            url: "Views/mapresult.php?q=",
            type: "GET",
            // Format your data into an object 
            // jQuery will take care of the rest
            data: { 
                "data1" : data1,
                "data2" : data2
            },
            success: function ( responseText ) {
                $("#result").html(responseText);
            }
        });
    }
    
    $(文档).ready(函数(){
    //倾听该元素上的单击
    $('.android')。在('click',function()上{
    //获取数据
    var data1=$(this.attr('data-first'),
    data2=$(this.attr('data-second');
    //将数据发送到您的函数。
    //有10种其他方法可以做到这一点,但这是可行的。
    getfilter(数据1、数据2);
    });
    });
    函数getfilter(数据1、数据2){
    var spinner=“”,
    $result=$(“#result”);
    //如果你想喝可乐,就喝吧!
    $result.html(微调器);
    //随便你怎么检查都可以。
    如果(数据1==“”){
    $result.html(“”);
    回来
    }
    $.ajax({
    url:“Views/mapreult.php?q=”,
    键入:“获取”,
    //将数据格式化为对象
    //jQuery将处理其余的问题
    数据:{
    “数据1”:数据1,
    “数据2”:数据2
    },
    成功:函数(responseText){
    $(“#结果”).html(responseText);
    }
    });
    }
    
    这里有一把小提琴。

    多么混乱的脚本。1)请格式化,2)为什么要这样混合DOM和jQuery?
    $(function() {
      $(".android").on("click",function(e) {
        var id1 = $(this).data("id1");
        var id2 = $(this).data("id2");
        if (id1!="") {
          $("#result").html("<div class='sparea'><i class='fa fa-spinner fa-spin sparea' ></i><div>");
    
          $.ajax({
            url: "Views/mapresult.php?q="+id1+id2,
            type: "GET",
        //  data: serializedData,
            success: function ( responseText ) {
              $("#result").empty().append($(responseText)); 
            }
          });
        }
    });
    </script>
    
    
    
    <li class="android" data-mosaic-filterby="android" data-id1="'.$cd[$i][0].'" data-id2="'.$cd[$i][0].'" >'.$cd[$i][1].'</li          
    
    <li class="android" data-mosaic-filterby="android" data-first="Some data" data-second="some other data">Click Me</li>
    
    $(document).ready(function(){
        // listen for clicks on that element
        $('.android').on('click', function(){
    
            // get the data
            var data1 = $(this).attr('data-first'),
                data2 = $(this).attr('data-second');
    
            // Send the data to your function. 
            // There are 10 other ways to do this but this'll work.
            getfilter(data1, data2);
        });
    
    });
    
    
    function getfilter(data1, data2){
        var spinner = "<div class='sparea'><i class='fa fa-spinner fa-spin sparea' ></i><div>",
            $result = $('#result');
    
        // if you're gonna drink the kool-aid, drink it!
        $result.html(spinner);
    
        // double check however you like.
        if (data1==""){
            $result.html("");
            return;
        }
    
        $.ajax({
            url: "Views/mapresult.php?q=",
            type: "GET",
            // Format your data into an object 
            // jQuery will take care of the rest
            data: { 
                "data1" : data1,
                "data2" : data2
            },
            success: function ( responseText ) {
                $("#result").html(responseText);
            }
        });
    }