ajax 验证 简单例子

<!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>

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...