ajax form返回json

AJAX是一种用于创建快速动态网页的技术。当我们需要通过Web应用程序与服务器进行交互时，Ajax会在不刷新页面的情况下向服务器发送请求和接收响应。这使得Ajax非常适合从Web应用程序中获取JSON格式的数据。

在Ajax中，您可以使用jQuery库中的$.ajax()方法发送请求和接收响应。接下来，让我们看看如何使用Ajax从服务器获取JSON格式的数据，并将其显示在Web页面上。

$('form').submit(function (e) {
  e.preventDefault();
  $.ajax({
    type: $(this).attr('method'),url: $(this).attr('action'),data: $(this).serialize(),dataType: 'json',success: function (data) {
      $.each(data,function (i,item) {
        $('ul').append('

' + item.title + '

'); }); } }); });

这段代码将获取表单的数据并将其作为序列化的数据发送到指定的URL。服务器将响应JSON格式的数据，并通过成功回调函数将JSON对象传递给我们。此函数遍历JSON对象并将其显示在HTML无序列表中。

总之，使用Ajax从服务器获取JSON格式的数据非常方便，并且非常适合Web应用程序中的动态内容。通过使用jQuery库中的$.ajax()方法，您可以轻松地在Web页面上显示JSON数据。