如何用form表单提交json数据

如何用form表单提交json数据,第1张

其实form提交方式为get的时候跟json差不多的 都是键值对提交,如果你真想跟json格式一抹一样你就点击提交的时候通过js得到提交的值然后由js去封装为json提交到服务器

提交前先序列化为JSON字符串,服务端再以字符串创建为JSON变量。

var data = {demo: "test"}

var str = JSON.stringify(data)//"{"demo":"test"}"

<form method="post" action="json.php">

<input   type="text"  id="theuser" name ="user" />

<input type="button" id="enter" value="提交" />

</form>

<script type="text/javascript">

$(document).ready(function(){

    $("#enter").click(function(){

        var theuser = $("#theuser").val()

        if(theuser == '') {

            alert("用户名不能为空")

            return false

        }

        $.post('json.php', {'user':theuser}, function(data){

            if(data.user!=""){

                $("#look").html(data.user)

            }else {

                // 错误处理

                

            }

        })

    })

})

类似吧, 没大看明白你的要求.

其实 最好在php端输出json的时候,加上些状态字段,例如:

$result = array('asd', '34234') // 这是你想要的数据

if($result){

    echo json_encode(array('code'=>1, 'data'=>$result))

}else {

    echo json_encode(array('code'=>0, 'data'=>null))

}

这样在前端的时候容易判断些, 直接根据code的状态判断请求的结果.

http://www.w3school.com.cn/jquery/ajax_post.asp


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/6696928.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-26
下一篇 2023-03-26

发表评论

登录后才能评论

评论列表(0条)

保存