var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if ( xhr.readyState === 4 ) { if ( ( xhr.status >= 200 && xhr.status < 300 ) || xhr.status == 304 ) { // 成功：处理 xhr.responseText } else { // 失败 } } }; xhr.open( 'POST', './url', true ); xhr.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' ); xhr.send('key1=value1&key2=value2');

post 参数的格式和 get 的一样（都是以&分隔的键值对），只不过不是作为查询字符串放在 url 的后面，而是通过请求主体进行发送（也就是作为 send 的参数）。

$.ajax({ type: 'Post', url: '/api/characters', data: {name:name,gender:gender} }) .done((data) => { this.actions.addCharacterSuccess(data.message); }) .fail((jqXhr) => { this.actions.addCharacterFail(jqXhr.responseJSON.message); });

传统一点的

$('#btn_sumbit').click(function() { var loginform=$("#login_form"); var loginParam = loginform.serialize(); //alert(loginParam); $.ajax({ type:'post', url:'{:U("Auth/login")}', data:loginParam, async:false, cache:false, dataType:'json', success:function(data){ if(data.status==1){ isLogin=true; restPageStatus(isLogin); $('#loginModal').modal('hide'); } else { var alertinfo=$('.alert-danger'); alertinfo.empty(); alertinfo.append(data.info); alertinfo.show(); } } }); });

自己搜一下XMLhttprequest的例子，官网就有的

注意兼容性 + 跨域