AJAX 案例(一)

<form id="myForm" action="" method="post">
    <p>
        <span>姓名:</span>
        <input id="name" name="name" type="text" placeholder="请输入您的姓名"  />
    </p>
    <p>
        <label><input name="yuan" type="radio" value="买方"  />买方</label>
        <label><input type="radio" name="yuan" checked value="卖方" />卖方</label>
    </p>
    <input type="button" name="" value="提交"  onclick="submitimg();">
</form>

<script>
function submitimg(){
    var url = "";
    var name = $("#name").val(); //姓名
    var buyOrsell = $("input[name='yuan']:checked").val();//买方/卖方

    if(buyOrsell == "买方"){
        buyOrsell = 0;
    }else{
        buyOrsell = 1;
    } 

    var form = document.getElementById("myForm");
    var formData = new FormData(form);
    formData.append("name",name);
    formData.append("buyOrsell",buyOrsell);

    $.ajax({
        type: "post",
        url: url,
        dataType: "json",
        data:{ // 提交数据
            "name" : name,
            "buyOrsell" : parseInt(buyOrsell)
        },
        success(data) {},
        error: function () {}
    })
    
}
</script>

 

posted @ 2021-04-19 10:52  *玥  阅读(33)  评论(0编辑  收藏  举报