现在的位置: 首页 > 综合 > 正文

ajax学习(jquery学习)

2013年12月02日 ⁄ 综合 ⁄ 共 565字 ⁄ 字号 评论关闭

(1)

一个非常简单的ajax代码:

<div id="f">cute</div>

    $("#f").click(function(){
        var val=$("#f").html();
        $.ajax({
           url:"wenhui.php",
           data:{name:val},
           type:"post",
           success:function(data){
               $("#f").html("<p style='background-color: pink;'>"+data+"</p>");
           }
        });

    })

后端php:

<?php
    echo $_REQUEST["name"]."murphy";
?>

要注意:

参数的关键字是"data",success函数的形参也是data,此外data是json格式的数据。

描述get或者方法的关键字是type,而不是method(那是表单的写法)

取div#f尖括号里的内容,不是$("#f").val(),这是取表单的做法。

type后面的post要加双引号,url也要加双引号

原生是document.getElementById("f").childNodes[0].nodeValue,表单才是element.value。

(2)

(3)

抱歉!评论已关闭.