JQuery/js

JQ-ajax

jq 获取数据 $(function(){ //点击之后获取内容 $('button').click(function(){ //方法一load $('#box').load('./1.php'); //方法二get $.get('./1.php',function(date){ $('#box').append(date); }) //方法三 post $

作者: 王明昌
发布时间: 2018-01-23
最后更新: 2018-01-23

jq 获取数据

$(function(){
//点击之后获取内容
    $('button').click(function(){
        //方法一load
        $('#box').load('./1.php');
        //方法二get
        $.get('./1.php',function(date){
            $('#box').append(date);
        })
        //方法三 post
        $.post('./1.php',function(data){
            $('#box').append(data)
        });
        //方法四ajax
        $.ajax({
            type:'get',
            url:'./1.php',
            success:function(date){
                alert(date);
            }
        });
        
    })
})

带参数

2.php

echo $_POST['a'] + $_POST['b'];

$(function(){
    $('button').click(function () {
        var num1 = $('#num1').val();
        var num2 = $('#num2').val();
        //get方式 (路径,参数,function)
        $.get('./2.php',{a:num1,b:num2},function(data){
            alert(data)
        });
        //post方式
        $.post('./2.php',{a:num1,b:num2},function(data){
            alert(data)
        });
        //ajax
        //另一种参数方式,get,post一样适用
        //var cs = $('#myform input').serializeArray();//返回json对象
        //var cs = $('#myform input').serialize();//返回字符串a=num1&b=num2
        
        
        $.ajax({
            type:'post',
            url:'./2.php',
            data:cs,
            success:function(data){
                alert(data);
            }
        })

点击加载

field(array('id','name','tel','email'))->order('id desc')->select();

    echo json_encode($result);//json方式   字符串

跨域

function loadHtml(){
    $.getScript('http://localhost/1108/JQuery-03/6.php');
}

6.php

field(array('id','name','tel','email'))->order('id desc')->select();

echo "make(".json_encode($result).")";

jq 获取数据

带参数

点击加载

跨域

相关文章

用jq把span的值实时改变input的val值

实例 | WEUI框架uploader上传图片,传入服务器

Ajax-form表单禁止跳转

实例 | 百度地图在线标点使用(含信息窗口)

Uncaught TypeError: $(...).Validform is not a function 如何解决

实例 | 使用PHP+Cropperjs对图片进行裁剪并保存