$.ajax 提交数据

最新推荐文章于 2023-03-24 14:19:24 发布
最新推荐文章于 2023-03-24 14:19:24 发布
阅读量398 收藏
点赞数
分类专栏： 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JuanWY/article/details/47423655
版权 
//模版页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
    <body>
	<form action="{:U('/Home/Index/add')}" id="form"  method="post">
		<p>
		        <label for="">用户名：</label>
		        <input type="text" name="name" id="name">
		</p>
		<p>
		        <label for="">联系电话：</label>
		        <input type="text" name="amobile" id="mobile">
		</p>
	</form>
	<a href="javascript:void(0);"  data-url="{:U('Home/Index/add')}" id="btn">提交</a>
<script src="/Public/Home/js/jquery-1.8.0.min.js"></script>
<script>
    $('#btn').click(function(){
        var  name =$.trim($("#name").val());
        var  mobile =$.trim($("#mobile").val());
        if(name == ""){
            alert("姓名不能为空");
        }else if(mobile ==""){
            alert("联系电话不能为空");
        }else {
            $.ajax({
                type:'post',
                url:$('#btn').data('url'),
                data:{name:name,mobile:mobile},
                success:function(data) {
                    if (data.status == 1) {
                        alert(data.info);
                    } else {
                        alert(data.info);
                    }
                }
            });
        }
    });
</script>
    </body>
</html>

//后台执行方法
    public function add(){
    	if (IS_AJAX) {
    	    $UModel = D('User');
    	     $data['name'] = $_POST['name'];
    	     $data['mobile'] = $_POST['mobile'];
    	     $UModel->create();
    	     if($UModel ->add($data)){

                 $this->success('home/index/add',"chenggong");
             }else{
                $this->error('home/index/add',"shibai");
             }

    	 }
    	$this->display();
    }

JuanWY
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用ajax向服务器发起post请求（提交数据给服务器）
Forever_Hopeful的博客
06-25 5542
前端开发：网络请求后台数据，使用ajax向服务器发起post请求（提交数据给服务器）
jQuery中$.ajax()和$.getJson()同步处理详解
12-08
在jQuery中，$.ajax()和$.getJSON()是两种常见的用于发送Ajax请求的方法，它们主要用于与服务器进行异步数据交互。然而，在某些特定场景下，如处理表单提交前的验证，可能需要同步处理请求，确保数据正确无误后再...
关于Jquery中ajax方法data参数用法的总结
weixin_30520015的博客
10-20 146
jquery手册描述: data 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。 示例： $....
前后端交互之——AJAX提交
荔枝当大佬的博客
10-30 1697
学前后端也有一段时间了，一直没有时间整理一下前后端交互方面的知识，想着再回顾一下顺带着整理出自己的学习笔记。
使用ajax提交数据的几种方式
The best are water的博客
04-09 1万+
一、JSON.stringify形式传参 js代码 $.ajax({ url: Path + "/addOrgUpdate", //OrgSurvey.OrgSurveyData为一个对象 data: JSON.stringify(OrgSurvey.OrgSurveyData), type: "post", contentTy...
数据请求之AJAX
qq_50582468的博客
03-24 2006
在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式，不刷新整个页面就可以进行数据局部更新。
javascript jQuery $.post $.ajax用法
10-30
`$.ajax` 方法则是更全面的 AJAX 实现，提供了更多自定义选项，包括请求的类型（GET 或 POST）、数据格式、错误处理等。它的参数结构如下： ```javascript $.ajax({ url: 'stat.php', type: 'POST', data: { Name...
jQuery使用$.ajax提交表单完整实例
10-23
使用$.ajax提交数据 - 在`$("#btnLogin").click()`事件处理函数中，通过`$("#txtName").val()`和`$("#txtPass").val()`方法获取表单输入框中的值。 - 使用`encodeURI()`对获取的输入值进行编码，确保特殊字符被正确...
详解jquery中$.ajax方法提交表单
10-25
在提交表单的场景中，我们通常使用POST方法来提交数据到服务器，而$.ajax方法正是为此场景设计的。 在$.ajax方法中，可以指定一个回调函数，以便在请求成功完成时执行。这可以通过在$.ajax方法中使用success属性来...
$.ajax传JSON数据到后台的注意事项小结
10-25
下面我们将详细探讨在使用`$.ajax`传JSON数据到后台时需要注意的一些关键点。 首先，了解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。在...
jquery中AJAX请求 $.post方法的使用
12-07
使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuery的实用工具方法。 post和get发送方式的特点， GET 方法提交数据不安全，数据置于请求行，客户端地址栏可见; GET 方法提交的数据大小限制在255 个字符之内。POST方法提交的数据置于消息主体内，客户端不可见， POST 方法提交的数据大小没有限制。 $.post方法语法 $.post(url,parameters,callback) 参数   url (字符串)服务器端资源地址。 parameter (对象)需要传递到服务器端的参数。
$.ajax()在异步请求中提交数据
qq_62225125的博客
03-27 1400
在$.ajax()方法中通过 data 属性来存放提交的数据，支持 JSON 格式的数据。 提交普通格式数据 在 data 属 性 中 我 们 可 以 通 过 两 种 方 式 来 指 定 需 要 提 交 的 数 据 。 一 种 是 通 过 name=value&name=value 的结构。另一种是通过 JavaScript 对象来指定提交数据。无论使用 哪种方式在 Servlet 中都是通过 request.getParameter 方法根据 name 获...
ajax请求 POST丨ajax简介,ajax提交数据的多种类型
灵感与学习结合-echo
01-26 5103
Ajax其实质是利用浏览器提供的一个特殊的对象（XMLHttpRequest）异步地向服务器发送请求，服务 器返回部分数据，浏览器让你去利用这些数据对象页面做部分的更新，整个过程，页面无刷新，不打断用 户的操作。同步和异步的区别同步：如果与服务器端的交互方式是同步，当客户端与服务器交互时，客户端就不能进行其他 操作，只能等待服务器端的响应，会刷新页面。异步：当客户端正在进行正常操作时，还可以同时与服务器进行交互，服务器响应客户端信息，将 信息更新到网页局部，整个过程页面不刷新。'''
JQUERY ajax提交方式
夏凉风
03-01 109
&lt;script　type　="text/javascript"　src　="jquery.js"&gt;&lt;/script&gt; &lt;script　type="text/javascript"&gt; function　checkCorpID()//检测客户编号是否可用 { if($.trim($("#txtF_CORPID")[0].value)==&
4.jQuery中Ajax提交表单数据
potato123232的博客
11-04 2785
可以通过val()这种方法拿到指定元素的数据，那种方法如果在表单中有多个信息就比较麻烦，我们可以使用serialize()一次获取表单提交的全部数据。点击submit按钮的时候会将页面跳转到action的url，提交表单信息与跳转url是同步的，所以这个过程叫表单的同步提交。我们让表单只采集数据，Ajax发送数据，这样就不会发生页面的跳转，就会避免了上面两个问题。使用.on或者.submit都是一样的，相同的事件对象，相同的方法。点击提交后会获得用户提交的数据，获取到的变量类型为字符串。
使用ajax发送数据的两种方式
weixin_65616154的博客
09-14 410
使用ajax发送数据的两种方式
$.ajax 方法中所有的参数和函数
08-08 552
方法中所有的参数和函数 $.ajax 方法中所有的参数和函数如下：    参数： url 类型：String，默认值: 当前页地址。发送请求的地址   type 类型：String，取值有"POST" 或 "GET" 两种，默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。      async 类型：Boolea
怎样通过ajax提交数据
江南一点雨的专栏
04-28 1万+
ajax的出现彻底改变了javascript命运，通过ajax可以直接向服务器提交数据，有两种方式：get方式，数据直接拼接在地址中 post方式，数据由data字段携带post方式，data中是参数。 $.ajax({ url:"http://localhost/contact2/user/list.do", type:"post", dat
ajax提交数据到后台
热门推荐
qq_36529459的博客
12-10 3万+
ajax是web开发中常用到的一个功能，全名为Asynchronous JavaScript And XML，他可以想后台发送数据，常用的方法有get和post。我就以提交表单为例子来讲解一下ajax的使用（我用到的是jquery库封装的 ajax）。 html5表单代码：<form id="loginForm" name="loginForm"> <table>
$.ajax json数据传递方法
最新发布
07-09
在jQuery库中，$.ajax()是一个用于异步向服务器发送HTTP请求的功能强大的工具。当你需要通过JSON数据格式传输数据时，可以这样做： ```javascript $.ajax({ url: 'your-api-url', // 指定目标URL type: 'POST' 或 'GET', // 请求类型，通常POST用于提交表单数据，GET用于获取资源 dataType: 'json', // 数据类型期望为JSON data: { key1: value1, key2: value2 }, // JSON格式的数据对象 contentType: 'application/json', // 设置Content-Type头信息，表明数据是JSON success: function(response) { // 成功回调函数，处理服务器返回的JSON数据 console.log(response); }, error: function(xhr, status, error) { // 错误处理函数 console.error('Error:', error); } }); ``` 在这个例子中，你需要替换`url`、`data`里的内容为你实际的URL和数据。`.success()`函数会接收到服务器响应的解析后的JSON对象。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值