$.post(路径,参数,回调函数,数据类型);





$.post(url,[data],[callback],[type])

url:发送请求地址。

data:待发送 Key/value 参数。

callback:发送成功时回调函数。

type:返回内容格式,xml, html, script, json, text, _default。

$.post(url,[data],[callback],[type])

这个方法和$.get()用法差不多,唯独多了一个type参数,那么这里就只介绍type参数吧,其他的参考上面$.get()的。

type:type为请求的数据类型,可以是html,xml,json等类型,如果我们设置这个参数为:json,那么返回的格式则是json格式的,如果没有设置,就和$.get()返回的格式一样,都是字符串的。

最后写一个$.post()的实例供大家参考:


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




   
   
Insert title here

   
   
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>

   
   
<script type="text/javascript" src="${pageContext.request.contextPath }/baidutest/search.js"></script>



   
   

百度一下

search.js $(function() { $("#word").keyup(function() { var word = $(this).val(); $.post("/Day19/baiduservlet",{"word":word}, function(data) { if(word != "") { $("#d1").show().html(data); } else { $("#d1").hide(); } }) }) }) info.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
${w.name }





servlet  (省略数据库操作)

public void init() throws ServletException {
    System.out.println("开始");
}
    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
        try {
            request.setCharacterEncoding("UTF-8");
            String word = request.getParameter("word");
            baiduservice service=new baiduservice();
            List<baidu> list = service.service(word);
            request.setAttribute("list", list);
            request.getRequestDispatcher("/baidutest/info.jsp").forward(request, response);
            
            
            
            
        } catch (SQLException e) {
        
            System.out.println(e);
            //像这个在catch中再throw new RuntimeException的,是为了中断程序,因为runtime的异常会中断程序,不再运行下去
            throw new RuntimeException();
        }
        
        
        
        
    }


    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
        doGet(request, response);
    }

}





  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,针对您的问题,我可以给您提供一些关于 JSP 页面中使用 `$.post()` 方法的属性的介绍。 在 JSP 页面中使用 `$.post()` 方法可以向后端发送一个 Ajax 请求,以下是一些常见的属性及其作用: - **url**:请求的地址,可以是相对路径或绝对路径。 - **data**:需要发送的数据,可以是一个普通对象、一个数组、一个 FormData 对象等。如果数据是一个普通对象,`$.post()` 方法会将其转换成查询字符串格式(例如 `key1=value1&key2=value2`)并发送到后端;如果数据是一个 FormData 对象,则会按照表单数据的格式进行发送。 - **dataType**:指定后端返回的数据的类型,可以是 `"xml"`、`"html"`、`"json"`、`"script"` 或 `"text"`。默认值是 `"text"`。 - **success**:请求成功后的回调函数,可以在函数中处理后端返回的数据。回调函数接收三个参数:`data`、`textStatus` 和 `jqXHR`。其中,`data` 表示后端返回的数据,`textStatus` 表示请求状态(例如 `"success"` 或 `"error"`),`jqXHR` 表示 XMLHttpRequest 对象。 - **error**:请求失败后的回调函数,可以在函数中处理错误信息。回调函数接收三个参数:`jqXHR`、`textStatus` 和 `errorThrown`。其中,`jqXHR` 表示 XMLHttpRequest 对象,`textStatus` 表示请求状态(例如 `"success"` 或 `"error"`),`errorThrown` 表示错误信息。 以下是一个简单的示例代码,展示了如何在 JSP 页面中使用 `$.post()` 方法: ```jsp <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $.post("path/to/your/backend", {param1: "value1", param2: "value2"}, function(data, textStatus, jqXHR) { // 处理后端返回的数据 }, "json").fail(function(jqXHR, textStatus, errorThrown) { // 处理请求失败的情况 }); </script> ``` 希望以上介绍对您有所帮助,如有疑问请及时提出。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值