用jquery如何点击button按钮调用后台方法查询数据返回到弹出框内

Posted 2023-05-05

参考技术A

$('document').ready(function(e) 

$('.btn').on('click',$.ajax(

type: "POST",

url: "/index.php?a=get",

dataType: "json",

error: function(t, i) 

alert('ajax 出错了');

,

data: 

t: t

,

success: function(t) 

if (t.code) 

alert(t.data)

 else 

alert('没有数据')

)

)

)

btn就是button的class名。

扩展资料：

ajax() 方法：

通过 HTTP 请求加载远程数据。

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。

最简单的情况下，$.ajax() 可以不带任何参数直接使用。

注意：所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

参数：

1、data

类型：String

发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。

必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 foo:["bar1", "bar2"] 转换为 '&foo=bar1&foo=bar2'。

2、error

类型：Function

默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。

有以下三个参数：XMLHttpRequest 对象、错误信息、（可选）捕获的异常对象。

如果发生了错误，错误信息（第二个参数）除了得到 null 之外，还可能是 "timeout", "error", "notmodified" 和 "parsererror"。

3、success

类型：Function

请求成功后的回调函数。

参数：由服务器返回，并根据 dataType 参数进行处理后的数据；描述状态的字符串。

4、url

类型：String

默认值: 当前页地址。发送请求的地址。

5、dataType

类型：String

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如 XML MIME 类型就被识别为 XML。在 1.4 中，JSON 就会生成一个 javascript 对象，而 script 则会执行这个脚本。

随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值:

"xml": 返回 XML 文档，可用 jQuery 处理。

"html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载）

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

"text": 返回纯文本字符串

jquery怎么实现点击一个按钮控制一个div的显示和隐藏

html代码 画个div和button

<div class="abc" style="display:none"></div>
<input type="button" class="but" />

js代码

<script>
$(document).ready(function(e) //DOM加载完成后执行方法
    $(".but").click(function(e) //点击事件
        $(".abc").toggle();//div元素如果是隐藏就会显示，反之显示就会隐藏
    );
);
</script>

注：jquery的toggle() 方法的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

参考技术A $(document).ready(function()
$("#butt").click(function()
$("div").toggle();
);
);
这是基础性的东西。建议你去学学jquery本回答被提问者采纳