84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
求一个纯js 发起ajax post请求的例子 还有post请求的参数 有什么要注意的???
走同样的路,发现不同的人生
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的例子,官网就有的
注意兼容性 + 跨域
post 参数的格式和 get 的一样(都是以
&
分隔的键值对),只不过不是作为查询字符串放在 url 的后面,而是通过请求主体进行发送(也就是作为 send 的参数)。传统一点的
自己搜一下XMLhttprequest的例子,官网就有的
注意兼容性 + 跨域