ajax实现表单添加

    xiaoxiao2021-03-25  64

    <script type="text/javascript"> $(document).ready(function () { //加载新闻列表 loadNews(); //确认事件 $("#btn").click(function () { //通过jquery序列化来发送post请求,两种序列化方式$("#form1").serializeArray(); //或者$("#form1").serialize(); var postData = $("#form1").serialize(); $.post("InsertNews.ashx", postData, function (data) { //$.post中的四个参数1.请求地址2.请求的数据,序列化之后直接将序列化后的结果传进去 //3.回调函数4.返回的数据类型,可有可无,写json,就响应结果以json的方式传过来; //不写,默认纯文本 if (data != null) { alert("新闻发表成功"); $("#ul").empty(); loadNews(); } });//post });//click }); function loadNews() { $.getJSON("SelectAll.ashx", {}, function (_jsonData) { for (var i = 0; i < _jsonData.length; i++) { $("<li><h5>" + _jsonData[i].title + "</h5>" + getDateFromString(_jsonData[i].time) + "</li>").appendTo($("#ul")); }//for });//function } //定义了一个转换时间格式的函数 function getDateFromString(dateString) { //-----------------/Date(1441003046160)/--------------- //用正则表达式匹配 var reg = /\/Date\((\d+)\)/; var rel = reg.exec(dateString);//匹配字符串 var date = new Date(parseInt(rel[1]));//转换成时间类型必须转换成整数 return date.toLocaleDateString() + " " + date.toLocaleTimeString(); } </script>
    转载请注明原文地址: https://ju.6miu.com/read-36605.html

    最新回复(0)