ajax post请求怎么传参_使用jQuery的ajax方法向服务器发出get和post请求的方法

打算写个ajax系列的博文，主要是写给自己看，学习下ajax的相关知识和用法，以更好的在工作中使用ajax。

假设有个网站A，它有一个简单的输入用户名的页面，界面上有两个输入框，第一个输入框包含在一个form表单里用来实现form提交，第二个输入框是单独的、没有包含在form里，下面就用这两个输入框来学习下jQuery的ajax。

1，前端的html和javascript代码

页面html

输入用户名

页面中引入的demo01.js代码，注意此处实现的是一个简单的GET请求。

$(function($) {

$('input[name=submit2]').on('click', function(e) {

let username = '';

if ('' !== (username = $('#user-name2').val())) {

$.ajax({

url: `demo.php?name=${username}`,

dataType: 'json',

method: 'GET',

success: function(data) {

if (data.result == 1) {

$('.box').html(`

你的姓名${userna