ajaxing到php文件没有元素错误

时间:2015-10-10 04:09:20

标签: javascript php jquery ajax

我正在尝试连接我的javascript和php文件,但我没有遇到任何元素错误,我无法理解。提前感谢您的帮助! +任何人都可以推荐调试这些的方法..?

<html>
<head>
<title>AJAX!!!!</title>
<meta charset="utf-8"/>
<link href="main.css" rel="stylesheet" type="text/css"/>

</head>

<body>

<h1>HOME</h1>

<h4>Enter Your ID</h4>

<p>summoners name: <input type="text" id="summonerName"></p>
<button id="sumName">Search!</button>

<button id="renewData"> Renew Data</button>

<button id="testing"> Renew Data</button>

<div id="result">Display result</div>

<script src="jquery/jquery.js"></script>


<script type = "text/javascript">

$(document).ready(function(){

$('#testing').on('click', function(){

    $.ajax({
      type : 'GET',
      url: 'test.php',
      data : {str: $("#summonerName").val()},
      success: function (msg) {
         $('#result').html("hh");
      },
      error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert(errorThrown);
        }
      });

});

});

});

和我的php文件

<?php

    if ($_GET['str']) : 
        echo "yes";
    endif;
?>

必须删除javascript部分中的一些功能

1 个答案:

答案 0 :(得分:-2)

我使用jsfiddle运行您的代码,该代码运行正常。这可能对你有帮助。

<强> HTML

<div id="result"></div>

<button id="testing">Get External Content</button>

<强> JS

 $(document).ready(function(){
    //testing is a button

    $('#testing').on('click', function(){

            $.ajax({
              type : 'GET',
              url:'https://raw.githubusercontent.com/sumanbogati/test/master/test.php',
              data : {str: $("#sum").val()},
              success: function (msg) {
                 $('#result').html("hh");
              },
              error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert("error getsasadds!"); //this statement is given out
                }
              });

    });
});