<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button style="width: 100px;height: 100px" οnclick="typecontent('文件','删除')">点击跳转</button> <button style="width: 100px;height: 100px" οnclick="typecon ('文件')">点击</button> <form id='addForm' action='UserAdd.action' type='post'> <label for='uname'>用户名</label>:<input type='text' name='uname' id='uname'><br> <label for='mobileIpt'>手机号:</label><input type='text' name='mobileIpt' id='mobileIpt'><br> <label for='birthday'>生日:</label><input type='text' name='birthday'><br> <input type='button' value='提交' οnclick='addUser()'> </form> </body> </html> <script src="https://code.jquery.com/jquery-3.3.1.min.js "></script> <script> function typecon(id) { window.location.href = "https://www.jd.com?id=" + id ; } function typecontent(id,admin) { window.location.href = "https://www.baidu.com/?id=" + id+"&admin="+admin; } $.ajax({ type: 'post', url: 'aaa/bbb.do', contentType: 'application/json;charset=utf-8', data: '{"name": "uname", "age": 18}', success: function (data) { //返回json结果 alert(data); } }); function addUser(){ var user = { uname:$("#uname").val(), mobileIpt:$("#mobileIpt").val(), birthday:$("#birthday").val() }; $.ajax({ url:'UserAdd.action', data:user, type:'post', dataType:'text', success:function(msg){ if(msg=='1'){ console.log('添加成功'); }else{ console.log('添加失败') } } }) } </script>
前端ajax传参字符串拼接 以及data传参
最新推荐文章于 2024-04-28 00:00:00 发布