Add a simple WFS layers to an OpenLayers map from a Geoserver WFS service. Standard approach to getting around the browsers same origin policy with JavaScript.

add_geoserver_wfs_w_openlayers.js

   var tipProjects = new OpenLayers.Layer.Vector("TIP Projects 2012 - 2017", {
         strategies: [new OpenLayers.Strategy.BBOX()],
         protocol: new OpenLayers.Protocol.Script({
             url: "http://gis.drcog.org/geoserver/wfs",
             callbackKey: "format_options",
             callbackPrefix: "callback:",
             params: {
                 service: "WFS",
                 version: "1.1.0",
                 srsName: "EPSG:4326",
                 request: "GetFeature",
                 typeName: "DRCOGPUB:tip_project_points_2012_2017",
                 outputFormat: "json"
             },
             filterToParams: function(filter, params) {
                 if (filter.type === OpenLayers.Filter.Spatial.BBOX) {
                     params.bbox = filter.value.toArray();
                     if (filter.projection) {
                         params.bbox.push(filter.projection.getCode());
                     }
                 }
                 return params;
             }
         })
     })
    map.addLayer(tipProjects);