JQuery的一些注意事项（2）- AJAX 学习笔记

    /*AJAX 动态加载外部文件*/
    $(document).ready(function () {
        $(‘#btn1‘).click(function () {
            $(‘#log-content‘).load(‘data/logs.txt‘); //这个txt文件内容如果是中文，需要保存成utf-8编码格式
        })
    })

    /*AJAX 动态加载外部网页*/
    $(document).ready(function () {
        $(‘#btn1‘).click(function () {
            $(‘#log-content‘).load(‘http://localhost:63342/jQuery/data/htmldata.html?_ijt=sgjc9obth398kjjjv314ntgs17‘);
        })
    })

<label for="parameters"></label>
<select name="parameters" size="5" id="parameters">
    <option value="1" selected="selected">url</option>
    <option value="2">data</option>
    <option value="3">callback</option>
</select>
<br>
<div>
    <input id="btn1" type="button" value="获取外部文件">
    <div id="log-content"></div>
</div>

 $(document).ready(function () {
        $(‘#btn1‘).click(function () {
            $name = $("#parameters option:selected").val(); //层次选择器在一个“”内以空格区分
            $(‘#log-content‘).empty().load(‘demo.php‘,{name:$name});
        })
    });

/*要获取的PHP文件*/
<?php
    switch($_POST[‘name‘]){
        case 1:
            echo ‘必需的URL参数规定用户希望加载的URL‘;
            break;
        case 2:    
            echo ‘可选参数：data。 规定与请求一同发送的查询字符串键/值对集合。‘;
            break;
        case 3:    
            echo ‘可选参数：callback。 load函数完成后所执行的函数名称。‘;
            break;            
    }
?>

<div id="container">
    <h3>留言内容</h3>
    <div id="load" align="center"></div>
    <div class="box">
        <div class="text">
            <span>张三</span>
            <br>
            很好用的留言板
            <div class="date">2017-05-21</div>
        </div>
        <!--删除链接，每个链接的id值，指向数据库当前记录的id-->
        <a href="" id="1" class="delete">删除</a>
        <div class="clear"></div>
    </div>
</div>
<script>
   $(function () {
       $(‘.delete‘).click(function () {
           var commentContainer = $(this).parent();
           var id = $(this).attr(‘id‘);
           var string = ‘id=‘ + id;//构造参数字符串
           $.ajax({
               type:"POST",
               url: "ajax_delete_Server.php",
               data:string,//传递的参数字符串
               cache:false, //不缓存
               success:function () {
                   commentContainer.slideUp(‘slow‘,function () {
                       $(this).remove();
                   });
               }
           });
           return false;
       })
   })
</script>

// 中文字两个字节
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
    var length = value.length;
    for(var i = 0; i < value.length; i++){
        if(value.charCodeAt(i) > 127){
            length++;
        }
    }
  return this.optional(element) || ( length >= param[0] && length <= param[1] );   
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

remote: {
    url: "check-email.php",     //后台处理程序
    type: "post",               //数据发送方式
    dataType: "json",           //接受数据格式   
    data: {                     //要传递的数据
        username: function() {
            return $("#username").val();
        }
    }
}

 $(document).ready(function () {
        $(‘#load_max‘).val(50);//为隐藏域赋值50，表示一次加载50条记录。
    });
    var loading = false;//全局变量，指定当前是否正在加载服务端内容。
    $(window).scroll(function () {
        //如果当前窗体的高度大于文档的高度
        if ((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
            if(loading===false){
                loading=true; //设置文档加载状态
                $(‘#loadingbar‘).css(‘display‘, ‘block‘); //显示加载提示条
                $.get("xxx.php?start="+$(‘#load_max‘).val(), function (loaded) {
                    $(‘body‘).append(loaded);
                    //在隐藏区域中设置新的起始值
                    $(‘#load_max‘).val(parseInt($(‘#load_max‘).val())+50);
                    $(‘#loadingbar‘).css(‘display‘,‘none‘); //隐藏状态条
                    loading=false; //结束加载的状态
                });
            }
        }
    });