javascript - Ajax返回页面Html代码返回(相同代码)

标签 javascript php jquery html ajax

我正在尝试构建简单的搜索栏,但是当我尝试将数据发送到 PHP 并用于测试目的时。我正在使用 ALERT,它会再次提醒整个 HTML 页面内容。我用 Google 搜索了我的问题,找不到任何东西。

我的 HTML 代码

    <?php
require "../imports/productconnection.php";

if(!isset($_SESSION['adminname']) ){
    header('Location:../ad');
}else{

?>
<!DOCTYPE html>
<html>
<title>Viwe New Orders</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css">
<body>

<?php  require "./nav/nav.php";?>
<br><br>
<input type="radio" onclick="wichselect()" name="searchtype" checked="checked" id="name" value="name"> Full name
<input type="radio" onclick="wichselect()" name="searchtype"  id="id" value="id"> Id/Passport
<input type="radio" onclick="wichselect()" name="searchtype" id="tele" value="Phone"> Phone number

<form class="w3-container">
  <p>
  <h3><label id="searchBy"></label></h3>
  <input onkeyup="search()" class="w3-input" placeholder="Search" type="text"></p>
  </form>


<div id="result"></div>  
</body>
</html>
<?php }?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
wichselect();

    function wichselect(){
        var selected;
        if(document.getElementById('name').checked==true){
          selected = document.getElementById('name').value;

        }else if(document.getElementById('id').checked==true){
            selected = document.getElementById('id').value;
        }
        else{
            selected = document.getElementById('tele').value;
        }
        document.getElementById('searchBy').innerHTML = "Seachc Customer By " + selected;
    }

function search(){
    var selected;
        if(document.getElementById('name').checked==true){
          selected = document.getElementById('name').value;

        }else if(document.getElementById('id').checked==true){
            selected = document.getElementById('id').value;
        }
        else{
            selected = document.getElementById('tele').value;
        }
    alert(selected);
    var link = '../order_admin/search.php?item='+selected;
    alert(link);
$(document).ready(function(){
  $.ajax({
    type:'GET',
    URL:link,
    success:function(datacame){
      alert(datacame);
    }


  });

});

}

</script>

我的 PHP 代码

    <?php 

    echo 'testing';

?>

我的问题:

Image

最佳答案

在ajax代码中URL应该使用小写字母

$.ajax({
type:'GET',
url:link, //HERE You to change
success:function(datacame){
  alert(datacame);
}
});

我希望你知道如何将数据从 ajax 传递到 php。

关于javascript - Ajax返回页面Html代码返回(相同代码),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43016091/

相关文章:

javascript - 背景三 Angular 形代替圆形JS

javascript - 导出链式 promise 的返回值

php - 使用 PHP 在 mysql 数据库中插入记录时验证对文件(已存在/类型)不起作用

php - 按直接比赛排序排名足球 [足球] 位置

javascript - 是否可以在 ajax 调用中将函数传递到 url 字段?

javascript - 使用 DOMParser 解析的脚本不执行

javascript xml保存问题

php - MySQL 看似随机返回空集

javascript - 如何在 polymer 中设置动态 Meta 标签和 Open Graph 标签?

javascript - Jquery加载匿名?