首页帮我写一个完整的测试跨域问题的HTML代码，post请求方式

帮我写一个完整的测试跨域问题的HTML代码，post请求方式

时间: 2023-08-28 16:11:54 浏览: 116

以下是一个测试跨域问题的HTML代码，使用POST请求方式： ```html <!DOCTYPE html> <html> <head> <title>测试跨域问题</title> <meta charset="UTF-8"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>测试跨域问题</h1> <form id="testForm"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="age">年龄:</label> <input type="number" id="age" name="age"><br><br> <button type="submit">提交</button> </form> <div id="result"></div> <script> $(function() { $("#testForm").submit(function(event) { event.preventDefault(); $.ajax({ url: "http://localhost:8080/api/test", // 跨域请求地址 type: "POST", // 请求方式 data: { name: $("#name").val(), age: $("#age").val() }, success: function(result) { $("#result").html(result); }, error: function(xhr, status, error) { console.log(xhr.responseText); } }); }); }); </script> </body> </html> ``` 请注意，这段代码中的请求地址是 `http://localhost:8080/api/test`，这是一个跨域请求地址，需要根据实际情况修改。同时，如果你使用的是Chrome浏览器，需要安装一个插件来解决跨域问题，插件名称是“Allow-Control-Allow-Origin”。

阅读全文