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; }

```

相关文章
|
7天前
|
XML 前端开发 JavaScript
34 PHP与Ajax
路老师在知乎上分享了关于PHP语言的知识,帮助大家入门并深入了解PHP。本文重点介绍了Ajax技术,包括其概念、开发模式、优点及常用技术,如JavaScript和XMLHttpRequest对象。Ajax通过异步请求改善了用户体验,减轻了服务器负担,实现了页面无刷新更新。
21 1
|
5月前
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
45 0
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
|
1月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
82 1
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
32 1
|
2月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
2月前
|
XML 前端开发 JavaScript
php中Ajax的简单使用,登录表单调用Ajax判断是否正确登录利用layer.msg进行提示
本文介绍了在PHP中如何使用Ajax进行登录表单的数据提交,并利用jQuery的$.post()方法与后端通信,以及使用layer.msg进行前端提示。
php中Ajax的简单使用,登录表单调用Ajax判断是否正确登录利用layer.msg进行提示
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
21 1
|
3月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
158 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
3月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
32 0
|
3月前
|
JavaScript 前端开发
Ajax的使用(jquery的下载)
这篇文章是关于Ajax学习笔记的分享,包括JQuery的下载方式、Ajax的主要参数说明,以及如何在网页中使用Ajax进行异步请求的示例代码。