当前位置:首页>开发>正文

用Ajax请求数据,但是不成功,是什么原因 html页面ajax请求不执行

2023-12-30 16:42:07 互联网 未知 开发

 用Ajax请求数据,但是不成功,是什么原因 html页面ajax请求不执行

用Ajax请求数据,但是不成功,是什么原因?

首先你先要确定到底收到数据没。
所以第一步,你先去到dataType,在success的回调函数这么写
success: function(info) {    console.log(info)}
把收到的数据打印到控制台,在控制台里看有没有接收到数据,如果打印出了字符串,证明你接受是没有问题的。如果收不到,就在接收上查查。
排除了接收问题的话,就检查数据。
你的JSON是怎么拼的?是用现成的库还是直接拼的字符串?如果直接拼接的字符串的话,我感觉你的数据格式是有问题的
按照JSON格式的定义,像totalCount虽然是key,不过是string,所以应该用双引号包裹,写成"totalCount":10 (数字可以不用包裹)

1. Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
2. 使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。通过这个对象,您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果。

html页面ajax请求不执行

我只能说说调试方法,具体看你怎么去执行调试。
1、在 $.post 之前随便加个 alert ,看 alert 有没有执行;如果执行,那就是 $.post 有问题,如果不执行,那说明 submit 事件就没有执行;
2、submit 内事件绑定,调试的时候加 event.preventDefault() 防止表单提交后页面刷新或调走了。
$( "#target" ).submit(function( event ) {  
    alert( "Handler for .submit() called." )  
    event.preventDefault()
})

最新文章