jquery ajax 请求代码示例

最新推荐文章于 2024-01-13 22:40:12 发布
最新推荐文章于 2024-01-13 22:40:12 发布
阅读量1k 收藏
点赞数
文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/meiguihuakai358/article/details/53434494
版权
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.gl.dao.*, com.gl.bean.MobileReg"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<title>我的邀请</title>
<link href="css/style-phone.css" rel="stylesheet">
<link href="css/grey.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.blockUI.js"></script>
<script src="public/new/js/jquery-1.8.3.min.js"></script>
<!--百度地图取得城市不可省略-->
<script type="text/javascript"
    src="http://api.map.baidu.com/api?v=2.0&ak=hEbCHFklzlNWe43gA7gAgxv2"></script>
<script type="text/javascript">
    // 百度地图API功能                  
    var map = new BMap.Map("bdMapBox");
    var nowCity = new BMap.LocalCity();
    nowCity.get(bdGetPosition);
    function bdGetPosition(result) {
        //当前的城市名
        var cityName = result.name;                  
        /*把城市名传递给页面中的hidden，以便于传值*/
        //atCity.value = cityName;
        document.getElementById("atCity").value = cityName;
        /*自定义代码*/
    }
</script>

<!--不可省略-->
</head>

<body>

    <div class="container bg-phone" id="bg-phone">
        <div class="content">
            <div class="logo">
                <img src="images/logo.png">
            </div>    
            <s:form method="post" class="sign-form" id="regform">
                <br>
                
            <s:set name="backMessage" value="#request.backMessage" />
               <div class="row">
                  <div style="color: #F00">
                     <h3 id="errorMessage">
                     <s:if test="#backMessage!=null">
                        ${backMessage}
                     </s:if>
                     </h3>
                     <input type="hidden" id="msg"
                           value="<s:property value='backMessage' />">                    
                  </div>
               </div>

                <s:set name="backresult" value="#request.backresult" />
                <s:if test="#backresult!=null">
                    <div class="row">
                        <div style="color: #F00">
                            <h3>
                                <input type="hidden" id="backresult"
                                    value="<s:property value='backresult' />">
                            </h3>
                        </div>
                    </div>
                </s:if>
                
                <s:set name="sendMsgOk" value="#request.sendMsgOk" />
            <s:if test="#sendMsgOk!=null">
                         
                         <input id="sendMsgOk"
                           value="<s:property value='sendMsgOk' />">
             </s:if>

                <div class="sign-group mt10">
                    <%--               <s:textfield name="MobileReg.mobileNo" placeholder="手机号码" type="tel" />  --%>
                    <input name="mobileReg.mobileNo" value="${mobileReg.mobileNo}"
                        id="mobileNo" type="tel" placeholder="手机号码" maxlength="11"
                        οnkeyup="this.value=this.value.replace(/\D/g,'')"
                        onafterpaste="this.value=this.value.replace(/\D/g,'')"></input>
                        <input name="moRadom" value=""
                        id="moRadom" type="hidden" ></input>
                </div>

                <div class="sign-group mt10">
                    <%--               <s:textfield name="MobileReg.password" placeholder="密码(6位数)" type="password"/>  --%>
                    <input name="mobileReg.password" value="${mobileReg.password}"
                        id="password" type="password" placeholder="密码(6位数)" maxlength="6"
                        οnkeyup="this.value=this.value.replace(/\D/g,'')"
                        onafterpaste="this.value=this.value.replace(/\D/g,'')"></input>
                </div>
                
                    <div class="sign-group mt10 overf">
                    <!-- class="red-b"为报错时添加的样式 -->
                    <div class="chack">
                         <
最低0.47元/天 解锁文章
香腮边轻轻滑过
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
非常简单的Ajax请求实例附
10-23
为大家推荐了一个非常简单的Ajax请求实例，可以在不重载页面的情况与 Web 服务器交换数据，感兴趣的小伙伴们可以参考一下
jquery跨域请求示例分享(jquery发送ajax请求)
12-10
url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取服务器JSON数据。简单示例： 服务器脚本，返回JSON数据： 代码如下:// $.getJSON.php$arr=array(...
Ajax简单示例
weixin_52472152的博客
11-17 528
一、HTML文件代码如下： <!DOCTYPE html> <html> <head> <title>AjaxTest</title> <script> var xmlHttpRequest; function getAjaxData() { // 以上直接创新XMLHTTPRequest对象，IE6 以下创建ActiveXObject对象
ajax发送请求实例使用
qq_40132294的博客
02-28 1761
目录 局部刷新和无刷新 同源策略 1.熟悉jquery选择器， 去页面上获取发送ajax请求时的参数数据2.发送ajax请求3.将返回数据加载到页面：通过jquery操作页面元素和属性 示例：登录界面发送ajax请求 ajax技术的目的是让javascript发送http请求与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，然后使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行，从而实现异步。 局部刷新和无刷新 ajax可以实现局部.
AJAX请求示例
weixin_45505615的博客
06-23 179
AJAX
【不同入参ajax请求】ajax请求接口入参form形式和body形式如何写前端代码（附源码详解）
赏樱看雪撸代码
03-31 1653
json数据ajax请求，json字符串请求ajax，ajax调用接口，ajax请求接口，不同的ajax请求入参，如何实现前后端ajax请求，contentType多种类型介绍，form请求接口，body请求接口
jquery教程ajax请求json数据示例
12-10
代码如下:$.ajax({ url: ‘这个地址要换成你自己的’, data: {S_CourseID: courseid , CurrTime : new Date().getTime()}, //加个时间戳，否则会不自动更新数据 dataType: ‘json’, success: function(data) {...
jQuery Ajax实现跨域请求
10-20
在Web开发中，由于同源策略的限制，JavaScript通常无法直接发起对...开发者需要理解JSONP的工作原理，以及如何在jQuery中配置Ajax请求以利用JSONP来跨域通信。同时，服务器端也需要配合，正确地生成JSONP格式的响应。
jQuery实现监控页面所有ajax请求的方法
10-23
本篇文章将深入探讨如何使用jQuery实现监控页面上所有Ajax请求的方法，这对于调试、性能优化或者集成测试等场景非常有用。 首先，我们需要了解jQuery中的Ajax请求方式，包括`$.ajax`、`$.get`、`$.post`、`$.get...
原生Ajax的使用，四种请求方法示例（前后端代码）
最新发布
kkkys_kkk的博客
01-13 3317
这样可以避免整个页面的刷新，提高用户体验。3. 异步加载数据：原生 Ajax 可以用于异步加载数据，例如从服务器获取 JSON、XML 或纯文本数据，并用于更新页面的内容。2. 原生支持：原生 Ajax 是由浏览器原生支持的技术，无需引入额外的库或框架，可以直接使用浏览器提供的 API。例如，可以使用原生 Ajax 在用户点击按钮或链接时加载新的数据，然后将数据动态地插入到已有的页面中，实现无刷新的内容更新。对于一些高级的功能，例如处理异步请求的回调地狱、安全性等问题，可能需要更加细致的处理和实施。
ajax请求例子
08-30
ajax请求例子
java+ajax+json+jquery完整实例
01-09
实现了java+ajax+json+jquery的完整实例，包括ajax+jquery向后台传参，后台传输json数据到前台ajax接收。里面有自己遇到的四个问题，及解决的具体办法。
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
11-23
$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax() 一、$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二、$.ajax的参数描述 参数 描述 url 必需。规定把请求发送到哪个 URL。 data 可选。映射或字符串值。规定连同请求发送到服务器的数据。 success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数
jquery ajax例子返回值详解
12-09
在JQuery中，AJAX有三种实现方式：$.ajax() , $.post , $.get()。 首先我们看$.get(): 代码如下: $.get(“test.jsp”, { name: “cssrain”, time: “2008/01/21” }, //要传递的数据 function(data){ alert(“返回的数据: ” + data); } ) 然后看$.post(): 跟$.get()格式一样. 代码如下: $.post(“test.jsp”, { name: “cssrain”, time: “2008/01/21” }, //要传递的数据 function(dat
Ajax 请求的基本步骤
m0_51528800的博客
05-20 3356
Ajax 请求的基本步骤 Ajax 请求的基本步骤一、Ajax的定义二、Ajax的工作原理三、Ajax请求的基本步骤1、创建XMLHttpRequest对象2、创建HTTP请求3、设置响应HTTP 请求状态变化的函数4、设置获取服务器返回数据的语句5、发送HTTP请求 一、Ajax的定义 Ajax：即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行
Ajax引擎：ajax请求步骤详细代码
ITsource
05-17 3860
说起AJAX，可能是很多同学在很多地方都看到过，各大招聘网站上对于WEB前端和PHP程序员的技能要求清单中也是必不可少的一项。但是，ajax请求步骤详细代码以及说明却比较少见到，所以进入源码时代PHP培训学习小编分享一下（说简单点容易实现的）。
ajax请求的五个步骤
ajdhakj6的博客
09-12 3477
ajax请求的五个步骤
Ajax
Missy_xw2018的博客
06-07 908
Ajax是XMLHTTPequest对象和JavaScript、XML、CSS、DOM等技术的组合。Ajax可以像桌面程序一样只同服务器进行数据层面的交换，而不用每次都刷新页面。 发送请求的四个步骤： （1）初始化XMLHTTPRequest对象。 （2）为XMLHTTPRequest对象指定一个回调函数，用于对返回结果进行处理。 （3）创建一个与服务器的连接。 （4）向服务器发送请求。 XML...
JQuery中Ajax的操作完整例子
热门推荐
小小小的博客
01-20 9万+
Java软件开发中，后台中我们可以通过各种框架，像SSH等进行对代码的封装，方便我们对Java代码的编写，例如，Struts,SpringMVC对从前台到action的流程进行封装控制，使我们只需要进行一些简单配置就可以实现；而spring进行了对各种对象的管理进行封装，提供了AOP编程的方式，大大方便了我们；而hibernate和IBatis则是对JDBC代码进行封装，不需要我们每次都写那些重复
ajax请求代码示例 jquery
06-08
以下是一个使用 jQuery 发送 Ajax GET 请求的示例： ```javascript $.ajax({ url: "http://example.com/data", type: "GET", success: function(response) { console.log(response); }, error: function(xhr)...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值