php后端+JQuery+Ajax简单表单提交

  1. 通过ajax,如果从后端直接想前端返回数组,那前端收到的是一个‘Array’的字符串。所以,我比较习惯的是用json对象的格式。
  2. 由后端通过json_encode()函数,把数组封装成对象,传递到前端;
  3. 前端也以json的格式接收。

这里用提交表单来举例说明。

页面显示如下:
php后端+JQuery+Ajax简单表单提交_第1张图片
php后端+JQuery+Ajax简单表单提交_第2张图片
php后端+JQuery+Ajax简单表单提交_第3张图片

JQueryAjax.html中的代码如下(用的较为简单的$.post)

<html>
<head>
<meta charset="UTF-8">
<title>JQueryAjax+PHP</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
</head>
<body>
    用户名:<input type="text" id="username" name="username" /><br>
    密码:<input type="password" id="password" name="password" /><br>
    <button type="button" class="butn">ajax提交</button><br>
    <span class="con"></span>
<script type="text/javascript">

你可能感兴趣的:(php知识点,ajax,jquery,php)