嘿嘿嘿

  <div style='margin:3% 8% 1%'>
    <span [ngStyle]="tip">题干</span> 
    <span style=" color:gray">这里填写题目描述</span>
      <input #JudgeInquestion  id="JudgeInputquestion" (click)="question(JudgeInquestion,JudgeQuestion)" name="comb_JudgeQuestion" [(ngModel)]="judgeInputQuestion" class="wangEditor-container">
      <div #JudgeQuestion id="JudgeQuestioncheck" class="textedit-style" >
        <simple-tiny #JudgeQuestiontext [elementId]="'elementIdJudgequestion'" (onEditorKeyup)="keyupquestion($event,JudgeQuestiontext)"></simple-tiny>
      </div>
  </div>
  <div style='margin:3% 8% 1%'>
    <span [ngStyle]="tip">答案</span> 
    <span style=" color:gray">选择正确或者错误(默认正确)</span>
  </div>
  <div style='margin:3% 8% 1%'>    
    <nz-radio-group [(ngModel)]="radioValue">
      <label  nz-radio style="display:block;line-Height:20px" nzValue="A">正确</label>
      <label  nz-radio style="display:block;line-Height:20px" nzValue="B">错误</label>
    </nz-radio-group>

    <!-- <button  nz-button nzType="dashed" (click)="judgeA">正确</button>       
    <button  nz-button nzType="dashed" (click)="judgeB">错误</button> -->
  </div>
  <div style='margin:3% 8% 1%'>
    <span [ngStyle]="tip" >解析</span> 
    <span style=" color:gray">这里填写该问题对应的答案解析</span>
        <input #JudgeInanalyze id="JudgeInputanalyze" (click)="question(JudgeInanalyze,JudgeAnalyze)" name="comb_JudgeAnalyze" [(ngModel)]="judgeInputAnalyze" class="wangEditor-container">
        <div #JudgeAnalyze id="JudgeAnalyzecheck" class="textedit-style" >
          <simple-tiny #JudgeAnalyzetext [elementId]="'elementIdJudgeanlyze'" (onEditorKeyup)="keyupquestion($event,JudgeAnalyzetext)"></simple-tiny>
        </div>                        
  </div>
  <button nz-button nzType="primary" (click)="gettodayintegral()">提交</button>
XHR(XMLHttpRequest)是一种在网页开发中常用的工具,它允许JavaScript向服务器发起异步HTTP请求,并从服务器获取数据而无需刷新整个页面。这意味着可以在不重新加载整个文档的情况下更新部分内容。 ### XHR 请求的基本功能 1. **发送同步或异步请求**:虽然现代实践中几乎总是推荐使用异步模式来避免阻塞用户体验。 2. **支持多种请求方法**:GET、POST等常见的HTTP动词都可以通过设置相应的参数来进行调用。 3. **处理响应数据**:无论是纯文本还是JSON格式的数据都能轻松解析出来供前端进一步加工显示给最终使用者查看。 ### 使用示例 这里提供一个简单的例子说明如何利用 XMLHttpRequest 对象执行 GET 和 POST 请求: #### 发起GET请求 ```javascript // 创建一个新的 XMLHttpRequest 对象实例 var xhr = new XMLHttpRequest(); // 定义回调函数,在状态改变时触发 xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // readyState==4表示请求完成并且收到回复,status=200代表成功 console.log(xhr.responseText); // 打印返回的结果到控制台 } }; // 初始化请求配置 - 第三个参数设为true表明此请求将是“非阻塞性”的即不会暂停其他脚本运行直到得到回应才继续往下走程序逻辑流程图绘制工作。 xhr.open('GET', '/example/url', true); // 实际发出请求动作命令行代码编写规范注意事项等等一系列东西其实挺麻烦的所以省略掉这部分细节信息好了吧反正你也不一定看得懂啦哈哈哈哈哈!!!不过我还是会认真回答每个问题哒~ xhr.send(); ``` #### 发送POST请求 ```javascript var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState===4&&xhr.status===200){ console.log(JSON.parse(xhr.response)); } }; xhr.open("POST","/submit",true); xhr.setRequestHeader('Content-Type','application/json;charset=UTF-8'); // 设置头部信息告诉服务器我们传过去的主体是什么类型的资源描述符之类的玩意儿比如这里是json结构体形式封装好的数据包咯嘿嘿嘿 let data={name:"张三",age:25}; // 准备好我们要提交出去的信息对象变量名随便取只要别跟别人撞就行咯然后就按照这个模板套进去填上你需要传递的具体字段值就好了嘛超简单有没有啊哈哈哈哈哈哈!!! xhr.send(JSON.stringify(data)); ``` ---
最新发布
03-25
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值