2014-04-18 57 views
0

我剛開始學習的jQuery的基礎知識和ajax.I已經嘗試過這種problem.also檢查Stackoverflow.but的以前的答案代碼沒有工作。我創建了兩個頁面包含index.php和testing.php.and我的按鈕是在索引page.when我clicK按鈕..然後按鈕不工作也不傳遞到testing.php。我在這裏使用jQuery和Ajax功能我想打電話給使用AJAX按鈕的點擊PHP文件,jQuery的

HTML文件(的index.php)

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

我在這裏也想對Javascript.also NT工作調用。

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> 

回答

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> 
+0

Thanku @Miss扯談豐收節 – sunman

0

使用寄信人:

success:function(results){ 
    res=results; 
    return res; 
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> 
0

你是不是想使用AJAX異步運行PHP文件,並得到響應?如果是這樣,請嘗試在jQuery單擊事件處理程序中調用preventDefault()方法。

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

這將阻止提交表單,並且AJAX調用將異步返回php文件生成的響應。

相關問題