单击按钮调用PHP文件

单击按钮调用PHP文件,php,jquery,ajax,Php,Jquery,Ajax,我的页面中有两个不同的按钮。点击第一个必须调用名为deriver_rules.php的php文件,而点击第二个必须使用ajax调用另一个名为deriver_rules1.php的文件。同样,我尝试了以下代码。但它不起作用 <script> $(document).ready(function() { $(".deriver").click(function() { var val = $("#keyword").val();

我的页面中有两个不同的按钮。点击第一个必须调用名为deriver_rules.php的php文件,而点击第二个必须使用ajax调用另一个名为deriver_rules1.php的文件。同样,我尝试了以下代码。但它不起作用

<script>

    $(document).ready(function() {

        $(".deriver").click(function() {

            var val = $("#keyword").val();
            var agent = $(this).attr('rel');
            if(val == '') {$("#keyword").focus(); return;}
            else {

                $.ajax ({

                    url: 'derive_rules.php', 
                    data: 'kw='+val+'&agent='+agent, 
                    type: 'GET', 
                    dataType: 'json', 
                    cache: 'false', 
                    success: function(data) {

                        if(data.success == 'true') {

                            $("#results_holder").show();
                            $("#results").html(data.msg);
                            $("#keyword").val('');

                        }

                        else {

                            alert(data.msg);

                        }
                    }
                });
            }
        });
    });

</script>

$(文档).ready(函数(){
$(“.deriver”)。单击(函数(){
var val=$(“#关键字”).val();
变量代理=$(this.attr('rel');
if(val=''){$(“#关键字”).focus();return;}
否则{
$.ajax({
url:'deriver_rules.php',
数据:“kw=”+val+”&代理=”+agent,
键入:“GET”,
数据类型:“json”,
缓存:“false”,
成功:功能(数据){
如果(data.success==“true”){
$(“结果持有人”).show();
$(“#results”).html(data.msg);
$(“#关键字”).val(“”);
}
否则{
警报(data.msg);
}
}
});
}
});
});
那些是mu按钮

<td><b>+ New Rule</b></td>
            <td><input type = "text" name = "Keyword" id = "keyword" style = "width:300px" placeholder = "Keyword or Phrase"/></td>
            <td><input type = "button" value = "Verify" class = "Buttons deriver" rel = "<?php echo $_GET['id']; ?>"/></td>
            <td><input type = "button" value = "Add" class = "Buttons deriver" rel = "<?php echo $_GET['id']; ?>"/></td>

        </tr></table>
+新规则

看类上的按钮,需要更改选择器

    $(document).ready(function() {
        $(".deriver0").click(function() {

            var val = $("#keyword").val();
            var agent = $(this).attr('rel');
            if(val == '') {$("#keyword").focus(); return;}
            else {
                $.ajax ({
                    url: 'derive_rules.php', 
                    data: {kw:val,agent:agent},
                    type: 'GET', 
                    dataType: 'json', 
                    cache: 'false', 
                    success: function(data) {
                            alert(data);
                        }
                });
            }
        });
        $(".deriver1").click(function() {
            var val = $("#keyword").val();
            var agent = $(this).attr('rel');
            if(val == '') {$("#keyword").focus(); return;}
            else {
                $.ajax ({
                    url: 'derive_rules1.php', 
                    data: {kw:val,agent:agent},
                    type: 'GET', 
                    dataType: 'json', 
                    cache: 'false', 
                    success: function(data) {
                            alert(data);
                        }
                });
            }
        });
    });
</script>
<td><b>+ New Rule</b></td>
            <td><input type = "text" name = "Keyword" id = "keyword" style = "width:300px" placeholder = "Keyword or Phrase"/></td>
            <td><input type = "button" value = "Verify" class = "Buttons deriver deriver0" rel = "<?php echo $_GET['id']; ?>"/></td>
            <td><input type = "button" value = "Add" class = "Buttons deriver deriver1" rel = "<?php echo $_GET['id']; ?>"/></td>

        </tr></table>

$(文档).ready(函数(){
$(“.deriver0”)。单击(函数(){
var val=$(“#关键字”).val();
变量代理=$(this.attr('rel');
if(val=''){$(“#关键字”).focus();return;}
否则{
$.ajax({
url:'deriver_rules.php',
数据:{kw:val,agent:agent},
键入:“GET”,
数据类型:“json”,
缓存:“false”,
成功:功能(数据){
警报(数据);
}
});
}
});
$(“.deriver1”)。单击(函数(){
var val=$(“#关键字”).val();
变量代理=$(this.attr('rel');
if(val=''){$(“#关键字”).focus();return;}
否则{
$.ajax({
url:“派生规则1.php”,
数据:{kw:val,agent:agent},
键入:“GET”,
数据类型:“json”,
缓存:“false”,
成功:功能(数据){
警报(数据);
}
});
}
});
});
+新规则

这是一个快速的解决方案

HTML

<button class="same" data="derive_rules">Button One</button>
<br/>
<button class="same" data="derive_rules1">Button Two</button>
更多信息请访问我的网站

如果你需要我的帮助。请通过搜索
yeshansachithak
找到我的任何社交网络

这是您的代码-如您所愿-以获取更多解释

<table>
   <tr>
     <td><b>+ New Rule</b></td>
     <td><input type="text" name="Keyword" id="keyword" style="width:300px" placeholder = "Keyword or Phrase"/></td>
     <td><input type="button" data="your_file_name" value="Verify" class="Buttons deriver" rel="<?php echo $_GET['id']; ?>"/></td>
     <td><input type="button" data="your_file_name" value="Add" class="Buttons deriver" rel="<?php echo $_GET['id']; ?>"/></td>
   </tr>
</table>
谢谢你,伙计。
如果你需要我的帮助。请通过搜索
yeshansachithak

找到我的任何社交网络,你能格式化你的代码并提供一个JSFIDLE来演示这个问题吗?第二个按钮没有类deriver 1,两个按钮都有相同的类,所以$(“.deriver”)我真的很感谢你,但是我改变了它们第一个还是原来的名字,第二个变成了deriver1,但仍然不起作用:?@user3577813:Dude,我相信我的代码会很好用的。你可以看到。在我的小提琴里。如果工作不正常。尝试为
按钮类添加
警报框
。告诉我们它是否工作我很抱歉你们都尽了最大的努力,你们的代码工作得很好,但似乎有些地方出了问题,这就是我的代码不工作的原因。。我做了告诉我的每件事,但仍然不起作用。我尝试了,但第二个按钮没有响应:“(任何其他帮助,请你帮我重新检查一下,请我在ajax和JQUEREY方面不是很好。我尝试了,但第二个按钮没有响应:”(任何其他帮助,请你帮我重新检查一下,好吗?我对ajax和JQuery不是很在行。你检查了我的吗?。再试一次。很明显,我也在你的代码中做了。我检查了,我应用了你前面提到的所有东西,但仍然不起作用:?@user3577813请再次转到我的。然后再试一次。如果你需要任何帮助,请继续通过seraching
yeshansachithak
通过任何社交网络向我推荐。谢谢
<table>
   <tr>
     <td><b>+ New Rule</b></td>
     <td><input type="text" name="Keyword" id="keyword" style="width:300px" placeholder = "Keyword or Phrase"/></td>
     <td><input type="button" data="your_file_name" value="Verify" class="Buttons deriver" rel="<?php echo $_GET['id']; ?>"/></td>
     <td><input type="button" data="your_file_name" value="Add" class="Buttons deriver" rel="<?php echo $_GET['id']; ?>"/></td>
   </tr>
</table>
<script>

    $(document).ready(function() {

        $(".deriver").click(function() {
        //Edit by Yesh
        var url = $(this).attr("data");
        //To check
        alert(url);

            var val = $("#keyword").val();
            var agent = $(this).attr('rel');
            if(val == '') {$("#keyword").focus(); return;}
            else {

                $.ajax ({

                    //url: 'derive_rules.php', //Edit by Yesh
                    url: url+'.php',//You can use whatever extension (.html ect..)
                    data: 'kw='+val+'&agent='+agent, 
                    type: 'GET', 
                    dataType: 'json', 
                    cache: 'false', 
                    success: function(data) {

                        if(data.success == 'true') {

                            $("#results_holder").show();
                            $("#results").html(data.msg);
                            $("#keyword").val('');

                        }

                        else {

                            alert(data.msg);

                        }
                    }
                });
            }
        });
    });

</script>