加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax 验证 简单例子

发布时间:2020-12-16 01:49:48 所属栏目:百科 来源:网络整理
导读:!DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" titleajax 验证/title/headbodyScript type="text/javascript" $(function(){ $('#send').click(function(){ var username = $("#username").val(); var content = $("#content").val(); $.ajax({ typ
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax 验证</title>
</head>
<body>
<Script type="text/javascript">
    $(function(){
        $('#send').click(function(){
            var username = $("#username").val();
            var content = $("#content").val();
            $.ajax({
                type:"post",url:"test.php",data:{username:username,content:content},dataType:"json",success:function(data){
                    $("#restext").empty();
                    $.each(data,function(commentIndex,comment){
                        html+='<div class="comment"><h6>'+comment['username']+':</h6><p class="para">'+comment['content']+'</p></div>';
                    })
                    $("#resText").html(html);
                }

            })
        });
    });
</Script>

<form type="post" action="ajax01.html" >
    <input type="name" id="username" name="username"/>
    <div class="content">
        fasafsafsafdsafdsafds
    </div>
    <button id="send">发送</button>

</form>
</body>
</html>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读