合肥市找工作赶集网 (合肥市找工作八小时的)

合肥耍耍 04-29 阅读:44 评论:0

快速、便捷地找到您的理想工作

© Copyright 2023 合肥市找工作赶集网

script.js javascript const keywordInput = document.getElementById('keyword'); const locationInput = document.getElementById('location'); const jobTypeSelect = document.getElementById('job-type'); const resultsList = document.getElementById('results');const searchJobs = (e) => {e.preventDefault();const keyword = keywordInput.value;const location = locationInput.value;const jobType = jobTypeSelect.value;if (!keyword || !location) {alert('请输入关键字和工作地点');return;}// 使用 AJAX 请求获取工作数据// 创建 XMLHttpRequest 对象const xhr = new XMLHttpRequest();// 设置请求方法和 URLxhr.open('GET', `search-jobs.php?keyword=${keyword}&location=${location}&jobType=${jobType}`);// 设置响应类型为 JSONxhr.responseType = 'json';// 监听服务器响应xhr.onload = () => {if (xhr.status === 200) {const jobs = xhr.response;// 清空搜索结果resultsList.innerHTML = '';// 遍历工作数据,并创建列表项jobs.forEach(job => {const li = document.createElement('li');li.innerHTML = ` ${job.title}

${job.company}

${job.location}

`;// 将列表项添加到搜索结果中resultsList.appendChild(li);});} else {alert('获取工作数据失败');}};// 发送请求xhr.send(); };// 监听搜索表单提交事件 const searchForm = document.querySelector('form'); searchForm.addEventListener('submit', searchJobs);search-jobs.php php query($sql);// 将查询结果转换为 JSON 格式 $jobs = []; while ($row = $result->fetch_assoc()) {$jobs[] = $row; }// 输出 JSON 数据 header('Content-Type: application/json'); echo json_encode($jobs); ?>
版权声明

本文仅代表作者观点,不代表合肥桑拿立场。
本文系作者授权发表,未经许可,不得转载。