使用jQuery中ajax实例

比眉伴天荒 2021-07-25 01:33 418阅读 0赞

<!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=GBK">
            </head>
            <body>
    	        <button onclick="do_ajax()">获取数据</button>
    	        <p id="txt"></p>
            </body>
    <script  src="jquery-1.5.1.js"></script>
    <script>
    	function do_ajax(){
    		//请求地址
    		var url="http://localhost:8080/yszdServer/entry?method=test_jajax";
    		 //请求参数
            var data = "{a:'haha'}";
            //
            $.ajax({
                //请求方式
                type : "POST",
                //请求的媒体类型
                contentType: "application/json;charset=UTF-8",
                //请求地址
                url : url,
                //数据，json字符串
                data : data,
                //请求成功
                success : function(result) {
                    document.getElementById("txt").innerText=result;
                },
                //请求失败
                error : function(e){
                    document.getElementById("txt").innerText=e.responseText;
                }
            });
    	}
    	
    	
    </script>
    </html>

将后台返回的完整Json格式数据输出到页面：（后台组装的数据是这样的 ：\{"res":"这是后台返回的数据：haha"\}）

![20201206214057893.png][]

欢迎点赞！

[20201206214057893.png]: /images/20210724/8a3b908047fc420f9dac6d9641a27096.png

发表评论取消回复

表情：

评论列表（有 0 条评论，418人围观）

还没有评论，来说两句吧...

相关阅读

相关【Ajax】jQuery中Ajax的使用

【Ajax】jQuery Ajax的使用简介：jQuery提供多个与Ajax有关的方法。通过jQuery Ajax方法，能够使用HTTP Get和 HTTP Post从

╰+攻爆jí腚メ/ 2023年10月08日 15:17/ 0 赞/ 29 阅读

相关 jQuery中 ajax的使用

文章目录 jQuery 中的 ajax 1. $.ajax 常用选项参数介绍： 2. $.get 3.

朱雀/ 2022年11月15日 11:53/ 0 赞/ 187 阅读

相关 jquery 使用 ajax

try{ $.ajax({ cache: false, type: "POST", url:ajaxCal

你的名字/ 2022年08月06日 06:11/ 0 赞/ 222 阅读

相关 ajax实例（jquery）

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

ゞ浴缸里的玫瑰/ 2022年07月21日 11:29/ 0 赞/ 207 阅读

相关 jQuery使用AJAX实例

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

一时失言乱红尘/ 2022年06月02日 03:15/ 0 赞/ 228 阅读

相关 jquery ajax用法实例

1、用ajax动态判断用户名是否存在。 js中 $("\username").change(function()\{ var username = $("\userna

谁借莪１个温暖的怀抱￠/ 2022年05月22日 05:44/ 0 赞/ 234 阅读

相关 jQuery ajax 简单的实例

通过jQuery ajax实现从服务器查询数据，返回给前端并显示到html页面 html文件 <!DOCTYPE html> <html lang="zh-

红太狼/ 2022年05月09日 10:33/ 0 赞/ 194 阅读

相关 jQuery Ajax 实例

一、$.ajax的一般格式 $.ajax(\{ type: 'POST', url: url , data: data , suc

Myth丶恋晨/ 2021年09月12日 07:46/ 0 赞/ 405 阅读

相关 Jquery使用ajax

发送GET请求： $.get(url, data, callback, dataType); url: 本次请求发送的URL地址字符串 data: 本次请求携带的数据

秒速五厘米/ 2021年09月02日 06:01/ 0 赞/ 530 阅读

相关使用jQuery中ajax实例

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type

比眉伴天荒/ 2021年07月25日 01:33/ 0 赞/ 419 阅读