Ajax

最新推荐文章于 2022-06-19 13:50:53 发布
最新推荐文章于 2022-06-19 13:50:53 发布
阅读量515 收藏
点赞数
分类专栏： 其他 文章标签： xmlhttprequest stylesheet arrays function input url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mexican_jacky/article/details/7004638
版权

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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="application/json; charset=UTF-8">
<title>this is my test page</title>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/common.css" type="text/css"/>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/jqGrid/themes/redmond/jquery.ui.all.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/jqGrid/css/ui.jqgrid.css">
  <script src="${pageContext.request.contextPath}/js/jquery.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/js/import.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/jqGrid/js/i18n/grid.locale-cn.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/jqGrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/lhgdialog/lhgdialog.min.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/lhgdialog/lhgmessage.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/js/formatdate.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/jquery-ui/js/jquery.ui.core.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/jquery-ui/js/jquery.ui.datepicker.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/jquery-ui/js/i18n/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/js/jquery-1.7.min.js" type="text/javascript"></script>

 <script type="text/javascript">
  /* $(document).ready(function(){
   $.ajax({
    url:'sorderActionTest1.action',
    type:'POST',
    dataType:'json',
    contentType:'application/json;charset=UTF-8',
    cache:false,
    success:function(_jsonData){
     alert(_jsonData);
    }
   });
   
   
  }); */
 
  
  /* function handerJqueryAjax(){
   $.ajax({
    url:'sorderActionTest1.action',
    type:'post',
    dataType:'json',
    contentType:'application/json',
    cache:true,
    success:function(_message){
     alert(_message);
    }
   });
   
  } */
  
  /* var xmlHttpRequest;
  
  function createXmlHttpRequest(){
   if(window.ActiveXOjbect){
    xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
    if(xmlHttpRequest==null){
     xmlHttpRequest=new ActiveXObject("Msxml2.XMLHTTP");
    }
   }else{
    xmlHttpRequest=new XMLHttpRequest();
   }
  }
  
  function doAjax(){
   createXmlHttpRequest();
   var url="sorderActionTest1.action";
   xmlHttpRequest.open("POST",url,true);
   xmlHttpRequest.onreadystatechange=doAjaxCallBack;
   xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
   xmlHttpRequest.send(null);
  }
  
  function doAjaxCallBack(){
   if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200){
    var c="["+xmlHttpRequest.responseText+"]";
    
    document.getElementById("div").innerHTML=c;
    var b=document.getElementById("div").innerHTML;
    var arrays=eval(c);
    /* alert(arrays[0].jsonList[1].id);
    alert(arrays.length);
    alert(arrays[0].jsonList.length); */
    /* var jsonArrays=arrays[0].jsonList;
    for(var i=0;i<jsonArrays.length;i++){
     //alert(jsonArrays[i].id);
     $("#id").val(jsonArrays[i].id);
     $("#franchisee").val(jsonArrays[i].franchisee.name);
     $("#blDept").val(jsonArrays[i].franchisee.blDept.name);
     $("#operator").val(jsonArrays[i].operator);
    
    }
    
   }
  } */
  
  
  function doAjax(){
   var html=$.ajax({url:'sorderActionTest1.action',async:false}).responseText;
   $("div").html(html).css({color:'red',fontSize:'30px'});
    $.ajax({
    url:'sorderActionTest1.action',
    type:'post',
    contentType:'application/json',
    dataType:'json',
    cache:false,
    async:false,
    success:function(_data){
     var jsonList=_data.jsonList;
     $.each(jsonList,function(index,value){
      //alert("name:"+i+"  value:"+n.id);
      //alert(jsonList[i].id);
      //alert(value.id);
      $("#myform").append("用户编号"+index+":<input type='text' id='id_"+index+"' />");
      $("#id_"+index).val(value.id);
     
     }); 
    }
   });
  }
  
  
 </script>

</head>
 <body>
 
 
 <form action="" id="myform">
  <br>订单编号:<input name="id" id="id" size="30"/><br>
  加盟店:<input name="franchisee" id="franchisee"/><br>
  出货门店:<input name="blDept" id="blDept"/><br>
  业务员:<input name="operator" id="operator"/><br>
  <input type="button" value="调用Jquery Ajax" οnclick="doAjax()"/>
  <div id="div" style="font-size: 18"></div>
 </form>
 
 
 
 
 
 </body>
 </html>

mexican_jacky
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax
huangyh技术栈
09-28 3万+
1.1 什么是ajax: Ajax即“Asynchronous Javascript And XML”(异步JavaScript 和XML)，是指一种创建交互式网页应用的网页开发技术。Ajax=异步JavaScript和XML（标准通用标记语言的子集）。通过在后台与服务器进行少量数据交换,Ajax可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新（无刷新...
谷歌浏览器插件—— Ajax Interceptor
03-16
**Ajax Interceptor：深入理解与应用** Ajax Interceptor 是一款专为谷歌浏览器（Chrome）设计的插件，它允许开发者在Ajax请求发送后和响应返回前进行干预，从而实现对AJAX请求数据的修改。这款插件对于前端开发、...
看这一篇就够了！-Ajax详解
Oriental_的博客
03-15 17万+
今天来聊一聊前后端交互的重要工具Ajax 结合上次跟大家分享的前后端交互基础，如果还没有看过的童鞋，以下是传送门 前后端交互详解 AJAX - 到底什么是Ajax? ajax 全名 async javascript and XML 是前后台交互的能⼒ 也就是我们`客户端给服务端发送消息的⼯具，以及接受响应的⼯具 是⼀个 默认异步执⾏机制的功能AJAX分为同步（async = false...
AJAX 详解
06-19 2万+
Ajax基础知识，及常见问题详解
Ajax请求的五个步骤
热门推荐
chaopingyao的博客
06-02 17万+
Ajax请求的五个步骤 一、定义 1、什么是Ajax Ajax：即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页(不使用 Ajax)如果需要更新内容，必需重载整个网页面。 2、同步与异步的区别 同步提交：当用户发送请求时，当前页面不可以使用，服务器响应页面到客户端，响应完成，用户才可以使用页面。 异步提交：当用户发送请
AJAX简介
xpmhhh的博客
03-20 6867
AJAX: 全称Asynchronous JavaScript And XML，即异步JS和XML。 通过AJAX可以在浏览器中向服务器发送异步请求。 最大的优势：无刷新的获取数据。 Ajax不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。 XML: 可扩展标记语言，被设计用来传输和存储数据。 与HTML的区别：HTML中都是预定义的标签，而XML中没有预定义标签，全都是自定义标签，用来表示一些数据。 以前Ajax是用XML格式的字符串进行数据交换，现在已经被JSON取代了。
Ajax请求
weixin_45030426的博客
03-25 1万+
ajax请求简介： ajax是利用前端的技术，向服务器发送一个异步请求 原有的请求在请求后需要刷新整张页面，
AJAX
风间琉璃の博客
08-04 4046
AJAX AJAX 不是一种新的编程语言而是一种使用现有标准的新方法，与服务器交换数据并更新部分网页的新技术（不用重新加载整个界面）。 AJAX = 异步JavaScript和xml。 1.创建AJAX对象 XMLHttpRequest 对象用于在后台与服务器交换数据 var xhr = new XMLHttpRequest(); 老版本的ie var xhr = new ActiveXObj...
Ajax 封装
weixin_47505105的博客
03-09 5005
介绍了原生ajax存在的问题，以及一步步完善对ajax进行封装
java Ajax入门
qq_54088719的博客
12-01 7401
java Ajax入门 文章目录java Ajax入门前言一、同步和异步二、Ajax的使用JavaScript方法JQuery方法总结 前言 接下来整理一下Ajax相关的内容，AJAX（asynchronous js and xml），即异步的JavaScript和xml，它的主要作用就是让页面不必等待服务器返回整个页面信息，而可以通过异步的方式给服务器发送数据和获取数据，对页面进行局部刷新，是一种提高用户体验的技术。 一、同步和异步 同步和异步的主要区别如下； （1）同步：一个响应结束后才能发送下
Ajax从入门到精通.pdf
05-09
Ajax从入门到精通.pdf 本书籍旨在深入浅出地介绍 Ajax 技术，从基础知识到高级应用，全面覆盖 Ajax 的核心概念、技术原理、实现方法和实践应用。书籍的主要内容包括： 1. Ajax 概述：本书首先介绍了 Ajax 的概念、...
chrome扩展插件获取ajax请求记录
04-06
在IT领域，尤其是在Web开发中，Ajax（Asynchronous JavaScript and XML）是一种常用的技术，它使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这极大地提升了用户体验，因为用户不再...
Ajax实现文件下载
12-11
JQuery的ajax函数的返回类型只有xml、text、json、html等类型，没有“流”类型，所以我们要实现ajax下载，不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form，用这个form提交参数，并返回“流”类型的...
C# 如何使用ajax请求
08-18
C# 如何使用ajax请求 C# 使用ajax请求是指在C# 项目中使用ajax技术来实现异步更新网页的内容。ajax即“Asynchronous Javascript And XML”（异步JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页...
logstash 多input与
mexican_jacky的专栏
10-13 1万+
工作中 在配置es的时候需要对logstash进行配置，然而根据功能分配input { file { type => "tms_inbound.log" path => "/JavaWeb/tms2.wltest.com/logs/tms_inbound.es.*.log" codec => json { charset => "UTF-8" } }
Idea 创建Maven速度慢解决问题
mexican_jacky的专栏
08-01 3953
?? IDEA??maven archetype?????????mvn archetype:generate????????????????archetype-catalog.xml??? ??????-DarchetypeCatalog??????remote?internal  ?local??????archetype-catalog.xml???????? ???rem
SVN连接地址
mexican_jacky的专栏
05-12 3636
http://subclipse.tigris.org/servlets/ProjectProcess?pageID=p4wYuA 网页连接地址             Links for 1.10.x Release:       Changelog: http://subclipse.tigris.org/subclipse_1.10.x/changes.html
正则表达式 抓取html中的邮箱
mexican_jacky的专栏
10-12 1617
package regular; import java.io.BufferedReader; import java.io.File; import java.io.FileNotFoundException; import java.io.FileReader;
Ajax到JQuery Ajax学习指南
"这篇教程主要关注的是从基本的Ajax技术过渡到使用JQuery的Ajax功能的学习。Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器交换数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值