JSON和AJAX

最新推荐文章于 2022-05-08 06:00:00 发布

Chrome111

最新推荐文章于 2022-05-08 06:00:00 发布

阅读量107

点赞数

分类专栏： PHP

本文链接：https://blog.csdn.net/qq_41899840/article/details/84859714

版权

PHP 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JSON的数据格式：对象表示为键值对

数据由逗号分割

花括号保存对象

方括号保存数值

AJAX：简单的说，在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示，属于前端技术。

分别利用json和ajax实现登录

JSON:

<script type="text/javascript">
	
	$(function () {
        
     .on('success.form.bv', function(e) {
            // Prevent form submission
            e.preventDefault();

            // Get the form instance
            var $form = $(e.target);

            // Get the BootstrapValidator instance
            var bv = $form.data('bootstrapValidator');

             Use Ajax to submit form data
             $.post($form.attr('action'), $form.serialize(), function(result) {
                 console.log(result);
                 if(result.valid){
                 	window.location.href = result.url
                 }else{
                 	alert(result.msg)
                 }
             }, 'json');
        });
    });

AJAX:

$.ajax({
            	type:'post',
            	url:$form.attr('action'),
            	data:$form.serialize(),
            	dataType:'json',
            	success:function(result){
            		console.log(result)
            		$(":submit").text('登录')
            		 if(result.valid){
	                	window.location.href = result.url
	                }else{
	                	alert(result.msg)
	                }
            	},
            	beforeSend:function(){
            		$(":submit").text('正在登录，请稍后');
            	}
            })