微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax json写入信息

在web开发中,使用ajax与json同时操作是非常常见的,今天通过一个简单的例子来介绍如何使用ajax与json向服务器中写入信息。

  $(document).ready(function(){
    $("#submitBtn").click(function(){
      $.ajax({
        type: "POST",url: "submit.PHP",data: {
          name: $("#nameInput").val(),age: $("#ageInput").val(),gender: $("#genderInput").val()
        },dataType: "json",success: function(data){
          alert(data.message);
        }
      });
    });
  });

ajax json写入信息

上面是一个简单的ajax代码,使用了jQuery库,在点击提交按钮时,使用ajax向服务器发送POST请求,向后端传递了三个参数:name,age,gender。在submit.PHP中,后端接收到这些参数后,将其处理,并将结果以json格式返回前端。

  $message);
  echo json_encode($result);
?> 

上面是后端的PHP代码,通过获取前端传递的参数,进行处理,并将结果以json格式返回前端。在前端的ajax代码中,成功后会弹出返回的结果message。

综上,使用ajax与json写入信息需要前端与后端的配合,前端将参数传递给后端,后端进行处理并返回结果,在前端中以json格式接收返回的结果,并进行处理。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐