我试图使用ajax,jquery点击按钮调用php文件

时间:2014-04-18 10:25:07

标签: javascript jquery ajax

我刚开始学习jquery和ajax的基础知识。我已经尝试过这个问题。还要检查Stackoverflow的先前答案。但是代码不起作用。我创建了两个包含index.php和测试的页面。 php.and我的按钮在索引页面。当我在按钮上clicK ..然后按钮不工作也没有传递给testing.php。我在使用jQuery和ajax函数

HTML文件(index.php)

<input type='submit' name='Result' value='Show Graph' id='Result' onclick='return go_graph();'/>

在这里,我也试图调用Javascript.also nt working。

jQuery文件

<script type="text/javascript">
    $(document).ready(function(){
        alert(projectID);

        $('#Result').click(function(){
            var clickBtnValue = $(this).val();
            $.ajax({
                url: "testing.php?projectID="+projectID+"&clickBtnValue="+clickBtnValue,
                success: function(results){
                    res=results;
                    alert ('haii');
                },
            });
        });

        function go_graph(){
            alert(projectID);
            $.ajax({
                url: "testing.php?projectID="+projectID,
                success: function(results){
                    res=results;
                    alert(res);
                },
            });
        }
    });
</script>

4 个答案:

答案 0 :(得分:0)

使用return:

success:function(results){
     res=results;
    return res;

答案 1 :(得分:0)

<script type="text/javascript">
function go_graph()
{

    alert(projectID);
     $.ajax({
      url:"testing.php,
      data:projectID="+projectID,
    success:function(results){
     res=results;
     alert(res);
     }

  });

    }
</script>

答案 2 :(得分:0)

您是否尝试使用AJAX异步运行php文件并获取响应?如果是这样,请尝试在jQuery click事件处理程序中调用preventDefault()方法。

$('#Results').click(function(event){
event.preventDefault();
//rest of your code goes here
});

这会阻止提交表单,AJAX调用将异步返回php文件生成的响应。

答案 3 :(得分:0)

ypur中有语法错误$.ajax请查看

$.ajax({
    url:"test3.php?projectID="+projectID+"&clickBtnValue="+clickBtnValue,
   success:function(results){
     res=results;
     //alert(res);
     alert ('haii');
    } //was missing
    });

  });
 });

同时更改此<input type='submit' name='Result' value='Show Graph' id='Result' onclick='return go_graph();'/> 至  <input type='button' name='Result' value='Show Graph' id='Result' onclick='return go_graph();'/>

竞争代码

 <input type='submit' name='Result' value='Show Graph' id='Result' onclick='return go_graph();' />
<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>

<script>
  $(document).ready(function(){
    var projectID = 1;
  alert(projectID);
  $('#Result').click(function(){
  var clickBtnValue = $(this).val();
  $.ajax({
    url:"testing.php?projectID="+projectID+"&clickBtnValue="+clickBtnValue,
   success:function(results){
     res=results;
     //alert(res);
     alert ('haii');
    }
    });

  });
 });
 function go_graph(){

    alert('go');
     $.ajax({url:"testing.php?projectID="+projectID,
    success:function(results){
     res=results;
     alert(res);
     }

  });

    }
</script>