JavaScript和PHP代码无法正常工作

I have simple code with html, JavaScript and PHP. I am trying to pass a variable from HTML to PHP through ajax.

A text box appears on screen with button, user inputs in the text field and clicks the button. The field text should appear before the field. But in my case, nothing happens when clicking the button. I am posting my code below. These are the three files I have made:

index.html

<!doctype html> 
<html lang="en">
   <body>
      <input id="name" type="text" /> <input id="button" type="button" value="Load" /> 
      <div id="content"></div>
      <script type="text/javascript" src="ajax.js"></script> 
   </body>
</html>

ajax.js

$('#button').click(function() {
    document.write("this is javascript");
    var name = $('#name').val();
    $.ajax({
        url: 'page.php',
        data: name,
        success: function(data) {
            $('#content').html(data);
        }
    });
});

page.php

<?php 
    if(isset($_GET['name'])) {
        echo "lllllllllllllllll";
        echo $name=$_GET['name'];
    } 
?>
douyinzha5820
douyinzha5820 toolong
大约 2 年之前 回复
duanou2016
duanou2016 您还需要添加更多详细信息。打开开发人员控制台并添加有关按下按钮时实际发生的事件的信息。发送的数据似乎对我不利。
大约 2 年之前 回复
duankan6894
duankan6894 toolong
大约 2 年之前 回复
doupingtang9627
doupingtang9627 请编辑问题stackoverflow.com/posts/51803141/edit,以便代码可读。
大约 2 年之前 回复
dtlrp119999
dtlrp119999 以上是三个文件的代码。
大约 2 年之前 回复
dongxiang3648
dongxiang3648 file:page.php.......................................<?phpif(isset($_GET['name'])){echo“lllllllllllllllll”;echo$name=$_GET['name'];}?>
大约 2 年之前 回复
dongqiong8021
dongqiong8021 file:ajax.js...........................................$('#button')。click(function(){document.write(“thisisjavascript”);varname=$('#name')。val();$.ajax({url:'page.php',data:name,success:function(data){$('#content')。html(data);}});});
大约 2 年之前 回复
dongxibeng5324
dongxibeng5324 file:index.html....................................<!doctypehtml><htmllang=“en”><body><inputid=“name”type=“text”/><inputid=“button”type=“button”value=“Load”/><divid=“content”></div><scripttype=“text/javascript”src=“ajax.js”></script></body></html>
大约 2 年之前 回复
duan36000
duan36000 我正在尝试添加代码,但无法解决代码缩进问题...试图解决这个问题
大约 2 年之前 回复
doudao6529
doudao6529 toolong
大约 2 年之前 回复

3个回答



如上所述添加CDN。 还要确保在包含外部js文件,index.html中的ajax.js之前加载jquery CDN或jquery.lib.js。</ p>

$ .ajax代码中存在问题: </ p>

$ .ajax({
url:'page.php',
数据:名称,</ strong>
成功:函数(数据){
$('#content')。html(data);
}
});
将此更改为:</ p>

$ .ajax(
{
type:'GET ',
url:'page.php',
data:“name = test”
},
success:function(data){
$('#content')。html(data); \ n}
); </ p>
</ div>

展开原文

原文

Add CDN as mentioned above. Also make sure you load the jquery CDN or jquery.lib.js before including external js file, ajax.js in index.html.

There is an issue in your $.ajax code:

$.ajax({ url: 'page.php', data: name, success: function(data) { $('#content').html(data); } }); change this to:

$.ajax( { type:'GET', url: 'page.php', data:"name=test" }, success: function(data) { $('#content').html(data); } );

doufencigui933699
啊啊啊小孔 谢谢你评价这个:)
大约 2 年之前 回复
dongtiao2105
dongtiao2105 真棒。 你的更正有效。 现在工作正常。 为你鼓掌欢呼:)非常感谢:)
大约 2 年之前 回复
dsjbest2014
dsjbest2014 请检查我已更新我的答案,我们的ajax代码有问题。 您必须提到方法的类型(GET / POST)。 由于您使用的是GET,我已相应更新了代码。 发送参数时存在问题,这必须是关键/价值的基础。
大约 2 年之前 回复
dsfs587465
dsfs587465 请检查我已更新我的答案,我们的ajax代码有问题。 您必须提到方法的类型(GET / POST)。 由于您使用的是GET,我已相应更新了代码。 发送参数时存在问题,这必须是关键/价值的基础。
大约 2 年之前 回复
dongliping003116
dongliping003116 CDN如何解决任何问题? 它只是提供来自不同资源的内容。
大约 2 年之前 回复
doudou8081
doudou8081 我在js文件中给出了这样的URL:url:'localhost / test / page.php',这有问题吗?
大约 2 年之前 回复
duanke8011
duanke8011 我做到了。 现在该错误已得到解决。 但它没有加载php文件。 它在控制台中给出错误:无法加载localhost / test / page.php:请求的资源上没有“Access-Control-Allow-Origin”标头。 因此不允许原点'null'访问。
大约 2 年之前 回复

only add before axaj.js

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>



在你的javascript ajax中添加: type:'GET'</ code>。
在你的php代码中:</ p>

 <代码> $名称= $ _ GET [ '名称'];

echo $ name;
</ code> </ pre>
</ div>

展开原文

原文

add this in your javascript ajax: type : 'GET'. In your php code :

$name=$_GET['name']; 
echo $name;

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问