douguwo2275 2013-07-23 19:32
浏览 74
已采纳

为什么我的AJAX get请求不起作用

In my js page I want to get some variables from the php page using ajax(); This is all triggered by the html page load. I've tried to use both GET and POST, but nothing alerts or logs to my console like it supposed to, not even the error.

HTML:

<!DOCTYPE html>
<html>
    <head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
   <script src="http://XXXXXX/bn/sample.js"></script>
    </head>
    <body>
        <div>Welcome! </div>
    </body>
</html>

JS: (sample.js)

$(function(){

 $.ajax({
        url : "http://XXXXXX/bn/sample.php",
        type : 'GET',
        data : data,
        dataType : 'json',
        success : function (result) {
           alert(result.ajax); // "Hello world!" should be alerted
           console.log(result.advert); 
        },
        error : function () {
           alert("error");
        }
    });

    });

PHP:

<?php

    $advert = array(
        'ajax' => 'Hello world!',
        'advert' => 'Working',
     );

    echo json_encode($advert);
?>
  • 写回答

1条回答 默认 最新

  • doubo6658 2013-07-23 19:52
    关注

    the data you set at "data: data" ist the data u send to the php script. but u dont send any. the data you receive is available in you success function. so print it. plus i removed the alert. alerts are lame. console rocks!

    the " $(document).ready(" part starts your function as soon as your document is completlty loaded. i guess this is what you need and wanted there.

    $(document).ready(function() {    
 $.ajax({
        url : "http://XXXXXX/bn/sample.php",
        type : 'GET',
        data : (),
        dataType : 'json',
        success : function (data) {
           console.log(data.advert); 
        },
        error : function () {
           console.log("error");
        }
    });

    });

    edit: remove the last comma, as your array ends there. you probably want to set a header before output.

    <?php

header('Cache-Control: no-cache, must-revalidate');
header('Content-type: application/json');


    $advert = array(
        'ajax' => 'Hello world!',
        'advert' => 'Working'
     );

    echo json_encode($advert);
?>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 前端使用Ajax进行网络请求
    2024-11-17 22:32
    溱嘉Jyyy_的博客 超文本传输协议（Hypertext Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。
  • 图书馆添加删除判断 ajax.get 请求 ajax.post响应 考试专用
    2022-04-17 10:55
    总的来说，理解和熟练运用AJAX是前端开发者必备的技能之一，它在提高Web应用性能和用户体验方面起着关键作用。在图书馆管理这样的案例中，AJAX的运用让图书的增删查改变得更加流畅高效。通过不断实践和学习，开发者...
  • 发送Ajax get请求详解
    2023-05-05 09:25
    heliuerya的博客 /注意这里的innerHTML是JavaScript中的语法，与ajax的XMLHttpRequest对象无关，//当XMLHttpRequest对象的readyState的状态码是4的...//url：请求路径（请求地址）(这是前端服务器发送的请求需要有项目名 "/项目名/xxx")
  • 前端 AJAX 请求的完整详细过程解析
    2025-02-26 17:01
    云飞(-᷅_-᷄)的博客 AJAX（Asynchronous JavaScript and XML）是一种用于在网页上实现...通过 AJAX，前端可以在不刷新页面的情况下与后端进行通信，并获取数据。本文将详细介绍 AJAX 请求的完整过程，包括前端、网关以及后端交互的各个步骤
  • 前端Ajax之请求
    2021-10-21 09:33
    @干饭的马铃薯的博客 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> //定义方法 ... //发送异步请求 //1.创建核心对象 var
  • 【前端系列】AJAX请求
    2024-05-22 08:30
    Kwan的解忧杂货铺@新空间的博客 欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。非常期待和您一起在这个小小的网络世界里共同探索、...
  • 原生JavaScript实现Ajax异步请求
    2021-01-19 15:48
    在前端页面开发的过程中，经常使用到Ajax请求，异步提交表单数据，或者异步刷新页面。 一般来说，使用Jquery中的$.ajax，$.post，$.getJSON，非常方便，但是有的时候，我们只需要ajax功能，这样引入Jquery比较不划算...
  • 前端项目发送Ajax请求
    2022-01-30 09:15
    Liberty_yes的博客 常用的发送Ajax请求的方式有三种
  • 为什么ajax请求状态码为0,ajax请求状态码为0的解决办法
    2021-08-05 23:22
    程涛-supertim的博客 原文链接：https://blog.csdn.net/changqing5818/article/details/53932463前言今天遇到个奇怪的问题，使用JQuery的ajax请求，后台的Controller层也接收到请求了，一切处理很...请求源码如下$.ajax({type: "POST"...
  • 现在前端为什么用axios请求，而不用ajax请求？
    2019-12-06 21:59
    亚州asu的博客 1）Jquery Ajax JQuery ajax是对原生XHR（XMLHttpRequest（XHR）是最早出现的发送后端请求的技术，隶属于原始js中）...Ajax本身是针对MVC的编程,不符合现在前端MVVM的趋势。 很多情况下我们只需要使用ajax，但是却...
  • 没有解决我的问题, 去提问