想问一下怎么触发ajax

Question

想问一下怎么触发ajax向端发送请求。或者有没有什么条件。已经引入了jq的cdn。现在的问题就是后端一直收不到请求

先谢谢了

Answer 1

下午好🌅🌅🌅
本答案参考ChatGPT-3.5

触发 AJAX 请求需要满足以下条件：

1. 引入 jQuery 库。
2. 准备好请求的 URL，请求的方式和请求的数据。
3. 调用 jQuery 提供的 $.ajax() 方法发送请求。

具体的代码步骤如下：

1. 引入 jQuery 库

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

1. 准备请求所需的参数

// 请求的 URL
const url = "http:/127.6.0.1/%E6%9C%9F%E6%9C%AB2024/%E7%A7%BB%E6%A4%8D8428/移植0428/test-php";

// 请求方式
const method = "GET";

// 发送给后端的参数
const query_.avator = "query_.avator";

// 数据类型，期望返回的数据类型
const dataType = "json";

1. 调用 $.ajax() 方法发送请求

$.ajax({
  url: url,
  type: method,
  data: { query_avator: query_avator },
  dataType: dataType,
  success: function (data) {
    console.log(data);
    this.username = data.username;
    this.avaLink = data.avatorUrl;
  },
  error: function (jqXHR, textStatus, errorThrown) {
    console.error("AJAX Error: " + textStatus + " " + errorThrown);
  },
});

需要注意的是，在请求 URL 中存在中文字符时，需要进行 URL 编码，否则会导致请求失败。可以使用 encodeURI() 方法进行编码。

const url = encodeURI("http:/127.6.0.1/期末2024/移植8428/移植0428/test-php");

使用以上代码，就可以触发 AJAX 请求并向后端发送请求了。如果后端一直收不到请求，可以检查以下几点：

1. 请求的 URL 是否正确。
2. 请求的方式是否匹配后端设置。
3. 请求的数据是否正确。
4. 是否存在跨域问题，需要在后端设置 CORS 策略。