时间戳

首页 > 解决方案 > 我是 ajax 和 jquery 的新手，所以我不知道我的代码有什么问题

javascript - 我是 ajax 和 jquery 的新手，所以我不知道我的代码有什么问题

问题描述

我是编码初学者，正在学习 ajax，但我的代码无法正常工作，谁能告诉我我的代码有什么问题。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url: "demo.txt", success: function(result){
      $("#div1").html(result);
    }});
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button>Get External Content</button>

</body>
</html>

这是 demo.txt

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>

这是我的控制台错误

标签： javascripthtmljqueryajax

解决方案

关于 Ajax 的信息很少。为什么我们使用ajax，Ajax 主要用于将数据从Javascript 发送到后端服务器。假设您想从前端获取用户输入并且想将数据存储在数据库中。阿贾克斯来帮忙。

传递用户数据（即 data1 和 data2）的简单 ajax 函数示例：

$.ajax({
    type: "post",
    data: { 
        user_data1   : data1,
        user_data2   : data2,
    },
    url: YOUR_FUNCTION_PATH,
    success: function(data){
        // After success passing data to YOUR_FUNCTION
        // Handle what you do next
    },  
    error: function (request, status, error) {
        // Error of passing data to YOUR_FUNCTION
        // Debug to see what is wrong
    }
});

然后在你的YOUR_FUNCTION，如果你向 PHP 函数发送数据，

$user_data1 = $_POST['user_data1'];
$user_data2 = $_POST['user_data2'];

如果您使用的是旧的CodeIgniter，那么获取数据非常简单。

$user_data1 = $this->input->post('user_data1');
$user_data2 = $this->input->post('user_data2');

推荐阅读