jquery02

jQuery - 添加元素

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

$(function(){

  $("#btn2").click(function(){
    $("ol").append("<li>追加列表项</li>");
  });

})

<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

<button id="btn2">添加列表项</button>

结果：

1. List item 1
2. List item 2
3. List item 3
4. 追加列表项

jQuery - AJAX get() 和 post() 方法

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

$.get( URL, callback);

必需的 URL 参数规定请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据：

$("button").click(function(){
               $.get("CeshiServlet",function(data,status){
            alert("数据: " + data + "\n状态: " + status);
        });

CeshiServlet  doget方法中返回数据

PrintWriter out=resp.getWriter();
            out.write("我是返回来的数据");
            out.flush();
            out.close();

输出结果：

数据: 我是返回来的数据
状态: success

$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法:

$.post( URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据（携带参数）。

可选的 callback 参数是请求成功后所执行的函数名。

$("button").click(function(){
               $.post("CeshiServlet",{      //请求路径，参数，成功后执行函数
            name:"菜鸟教程",
            url:"http://www.runoob.com"
        },
        function(data,status){
            alert("数据: \n" + data + "\n状态: " + status);
        });
        })

String name=req.getParameter("name");
        String url=req.getParameter("url");
            PrintWriter out=resp.getWriter();
            out.write("我是返回来的数据,接收到参数:name="+name+"url="+url);
            out.flush();
            out.close();   

输出结果：

数据:
我是返回来的数据,接收到参数:name=菜鸟教程url=http://www.runoob.com
状态: success