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);
}
});
}