form进行ajax请求的完整代码

最新推荐文章于 2024-05-22 14:03:33 发布

天刚萌萌亮

最新推荐文章于 2024-05-22 14:03:33 发布

阅读量1k

点赞数 1

本文链接：https://blog.csdn.net/wmeng13/article/details/84067233

版权

html代码

<form id='form' name='form' action="后台地址" method='post'>
            <div class='formdiv'>
                <label>姓&emsp;&emsp;名：</label>
                <span style='color:red'>*</span>
                <input type="text" name="username" id="name" placeholder="请输入姓名">
            </div>
            <div class='formdiv'>
                <label>公司名称：</label>
                <span style='color:red'>*</span>
                <input type="text" name="companyName" id="companyName" placeholder="请输入公司名称">
            </div>
            <div class='formdiv'>
                <label>职&emsp;&emsp;务：</label>
                <span style='color:red'>*</span>
                <input type="text" name="position" id="position" placeholder="请输入职务">
           </div>
</form>

js代码

$(function(){
        $.ajax({
            type:'POST',
            url:'后台地址',
            dataType:"json",
            ContentType:'application/x-www-form-urlencoded',
            data: {username:$('#name').val(),
                    companyName:$('#companyName').val(),
                    position:$('#position').val(),
                  },//参数取值
        })
    })