jquery+ajax+php

简介: jquery+ajax+php

 

index.html

```

league
    作品类型
    作品名称
    参加人员
    指导老师
    联系电话
    学校名称
    报名
$('#sign').click(function() {
    alert('sign');
    var prodType = $('#prodType').val();
    var prodName = $("#prodName").val();
    var member = $("#member").val();
    var teacher = $("#teacher").val();
    var telephone = $("#telephone").val();
    var school = $("#school").val();
    if (prodType == '' || prodName == '' || member == '' || teacher == '' || telephone == '' || school == '') {
         alert("所有数据均必填");
     }else{
   if (telephone.length == 11) {
        $.ajax({
            type: "POST",
            url: "testDb.php",
            dataType: "JSON",
            data: {
                "prodType": prodType,
                "prodName": prodName,
                "member": member,
                "teacher": teacher,
                "telephone": telephone,
                "school": school,
            },
            success: function(data) {
                switch (data) {
                    case 1: //用户已存在
                        alert("报名成功")
                        break;
                    case 0: //注册成功
                        alert("报名失败")
                        break;
                }
            }
        })
    } else {
        alert('请检查您的联系方式');
    }
  }     
})

```

testDB.php

``` prepare("INSERT INTO league VALUES (?, ?, ?, ?,?,?)");

 $insert->bind_param('ssssss',  $prodType,$prodName,$member,$teacher,$telephone,$school); //防止sql注入  $insert->execute(); echo 1;

} catch (Exception $e) { echo 0; }

```

相关文章
N..
|
1月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
18 1
|
4月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
60 0
|
2月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
3月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
16 0
|
3月前
|
前端开发 JavaScript 关系型数据库
PHP代码合集21个邮箱2个问答23个ajax特效
PHP代码合集21个邮箱2个问答23个ajax特效
18 0
|
3月前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
43 0
|
4月前
|
JSON 前端开发 JavaScript
jQuery中ajax的使用
jQuery中ajax的使用
|
4月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
52 0
|
JavaScript 前端开发 PHP
php如何接受jquery表单序列化后的值
php如何接受jquery表单序列化后的值
145 0
|
7月前
|
关系型数据库 MySQL PHP
PHP 原生操作 Mysql
PHP 原生操作 Mysql
81 0